テキストのスタイル
テキストのスタイル
「文字間のスペース」や「行の高さ」などが指定できます。
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 | 上辺揃え(ボックス) |