テキストのスタイル
テキストのスタイル
「文字間のスペース」や「行の高さ」などが指定できます。
text-decoration
テキストの装飾を指定できます。
CSSソース
p{
text-decoration: underline;
}
text-decoration: underline;
}
| 値 | 意味 | 説明 |
|---|---|---|
| none | 装飾なし | デフォルト |
| underline | 下線 | |
| overline | 上線 | |
| line-through | 取り消し線 |
letter-spacing
文字間のスペースを指定できます。
CSSソース
p{
letter-spacing: 5px;
}
letter-spacing: 5px;
}
| 値 | 意味 | 説明 |
|---|---|---|
| % | パーセント | |
| px | ピクセル | ディスプレイの画素数 |
| em | 要素のフォントサイズに対する相対値 | |
| ex | 要素の小文字の「x」に対する相対値 | |
| in | インチ | 1in=2.54cm |
| cm | センチメートル | |
| mm | ミリメートル | |
| pt | ポイント | 1pt=1/72in |
| pc | パイカ | 1pc=12pt |
line-height
テキストの行の高さを指定できます。
CSSソース
p{
line-height: 15px;
}
line-height: 15px;
}
| 値 | 意味 | 説明 |
|---|---|---|
| % | パーセント | |
| px | ピクセル | ディスプレイの画素数 |
| em | 要素のフォントサイズに対する相対値 | |
| ex | 要素の小文字の「x」に対する相対値 | |
| in | インチ | 1in=2.54cm |
| cm | センチメートル | |
| mm | ミリメートル | |
| pt | ポイント | 1pt=1/72in |
| pc | パイカ | 1pc=12pt |
text-align
テキストの文字ボックス内における横方向の位置を指定します。
CSSソース
p{
text-align: right;
}
text-align: right;
}
| 値 | 意味 | 説明 |
|---|---|---|
| left | 左寄せ | デフォルト |
| right | 右寄せ | |
| center | 中央揃え | |
| justify | 均等割付 |
vertical-align
テキストの文字ボックス内における縦方向の位置を指定します。
CSSソース
vertical-align: super;
| 値 | 意味 | 説明 |
|---|---|---|
| baseline | ベースライン | デフォルト |
| middle | 中央 | |
| sub | 下付き | |
| super | 上付き | |
| text-top | 上辺揃え（フォント） | |
| text-bottom | 下辺揃え（フォント） | |
| top | 上辺揃え（ボックス） | |
| bottom | 上辺揃え（ボックス） |
人が登録