|
|
■ 行の高さを指定する |
|
line-height: 行の高さ; |
《例》 |
body {
line-height: 10px;
}
⇔ 6px , 8px , 10px , 12px , 14px , 16px , 18px ・・・
120% , 140% , 160% , 180% , 200% ・・・ |
|
|
■ 行の揃える位置を指定する |
|
text-align: 揃える位置; |
《例》 |
body {
line-height: 10px;
text-align: center;
}
⇔ left , center , right
|
|
|
■ 縦方向の揃える位置を指定する |
|
vertical-align: 揃える位置; |
《例》 |
body {
line-height: 10px;
text-align: center;
vertical-align: center;
}
⇔ left , center , right
|
|
|
■ 文字の間隔・単語の間隔を指定する |
|
letter-spacing: 文字間隔; word-spacing: 単語間隔; |
《例》 |
body {
line-height: 10px;
text-align: center;
vertical-align: center;
letter-spacing: 10px;
word-spacing: 10px;
}
⇔ 6px , 8px , 10px , 12px , 14px , 16px , 18px ・・・
その他にも指定方法はいろいろあります♪
|
|
|
■ 1行目のインデントを指定する |
|
text-indent: インデント; |
《例》 |
body {
line-height: 10px;
text-align: center;
vertical-align: center;
letter-spacing: 10px;
word-spacing: 10px;
text-indent: 16px;
}
⇔ 6px , 8px , 10px , 12px , 14px , 16px , 18px ・・・
その他にも指定方法はいろいろあります♪ |
|
|
■ アルファベットの文字を大文字か小文字か指定する |
|
text-transform: 文字の指定; |
《例》 |
body {
line-height: 10px;
text-align: center;
vertical-align: center;
letter-spacing: 10px;
word-spacing: 10px;
text-indent: 16px;
text-transform: capitalize;
}
⇔ uppercase ・・・ すべてを大文字で表示
lowercase ・・・ すべてを小文字で表示
capitalize ・・・ 単語の先頭だけを大文字で表示 |
|
|
|