HTML講座

文字設定

フォント指定

大きさ
font-size: 大きさ;
font-size:1rem
通常 I i
font-size:2rem
大 I i
イタリック
font-style: normal | italic;
font-style:italic
斜 I i
太さ
font-weight: 100 | 200 | 300 | 400(normal) | 500 | 600 | 700(bold) | 800 | 900
font-weight:100
細 I i
font-weight:normal
通常 I i
font-weight:bold
太 I i
font-weight:900
太 I i
種類
font-family:フォントの種類(sans-serif/serif/etc);
font-family:sans-serif
ゴシック I i
font-family:'Yu Gothic',YuGothic
ゴシック I i
font-family:serif
明朝 I i
font-family:'Yu Mincho',YuMincho
明朝 I i

文字色

color: 色指定;
color:black
黒 I i
color:red
赤 I i

文字飾り

text-decoration:none | underline | overline | line-through;
text-decoration:none
線 I i
text-decoration:underline
線 I i
text-decoration:overline
線 I i
text-decoration:line-through
線 I i

影

text-shadow:none | 水平距離 垂直距離 [広がり距離] 色;
text-shadow:none
影 I i
text-shadow:0.5rem 0.2rem 2px red
影 I i

文字間隔

letter-spacing:none | 間隔;
letter-spacing:none
間隔 I i
letter-spacing:1rem
間隔 I i