はてなブログをMarkdownで
はてなブログをMarkdownで書いている。そのなかで、気になった表記方法の一覧を作っておく。
後半はほぼ、HTML/CSSの書き方再確認、ですが。。。
凡例
- 記載方法
- 結果
太字
**太字**- 太字
斜体
*斜体*- 斜体
下線（1）
<u>下線</u>- 下線
下線（2）
<span style="text-decoration: underline">下線</span>- 下線
二重下線
- simple
<span style="border-bottom: double">二重下線</span>- 二重下線
- more decorated
<span style="border-bottom: double; inline-block; line-height: 85%;">二重下線</span>- 二重下線
点線
大きさは指定しなくてもよさそう。
- 大きさ指定なし
<span style="border-bottom: dotted">点線</span>- 点線
- 大きさ指定：1px
<span style="border-bottom: 1px dotted">点線</span>- 点線
- 大きさ指定：3px
<span style="border-bottom: 3px dotted">点線</span>- 点線
- 大きさ指定：5px
<span style="border-bottom: 5px dotted">点線</span>- 点線
破線
大きさは指定しなくてもよさそう。
- 大きさ指定なし
<span style="border-bottom: dashed">破線</span>- 破線
- 大きさ指定：1px
<span style="border-bottom: 1px dashed">破線</span>- 破線
- 大きさ指定：3px
<span style="border-bottom: 3px dashed">破線</span>- 破線
- 大きさ指定：5px
<span style="border-bottom: 5px dashed">破線</span>- 破線
その他の線
いろいろとあるようだが、これまで記載した線のパターン以外には使い分けられる自信がない。。。
- solid（実線）
- groove
- ridge
- inset
- ridge
注釈
記載方法
ほげほげ[^1](#1)ふがふが<span id="1"style="font-size:x-small">1: 注釈の内容</span>
結果
ほげほげ^1ふがふが
1: 注釈の内容
