文字設定
フォント指定
- 大きさ
-
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