CSS-一般的な外観(テキスト)スタイル属性の使用方法の概要

color color: #f00;テキストの色を設定
属性値
説明
color_name
色名(red、green、yellowなど)
hex_number
16進数の色値、例えば、#ff 0000、#00 ff 00、#0000 ffなど
rgb_number
rgbコードで表される色は、具体的な値であってもよいし、パーセンテージであってもよい.例えば、rgb(255,0,0)またはrgb(100%,0%,0%)
実際の開発では16進数の書き方を用いることが多く,16進数の色値は簡潔に書くことができ,例えば,#ff 0000は#f 00に簡潔に書くことができる.
text-align text-align: left;は、テキストコンテンツの水平位置合わせを設定するために使用される.要素の内容は要素そのものではありません
属性値
説明
left
左揃え(既定値)
right
右揃え
center
中央揃え
text-indent text-indent: 0;テキストブロックの最初の行のテキストのインデントを設定します.
その属性値はpx(ピクセル)、em(文字幅の倍数)、%(ブラウザウィンドウ幅に対するパーセント)であり、負の値を使用できます.デフォルトはゼロです
実際の開発ではemを単位として使用することが多い
letter-sapcing letter-spacing: normal;文字間の間隔(水平方向)を設定します.
属性値はpx、rem、emであり、負の値を許可することができる.デフォルトはnormal
line-height line-height: normal;は、行の高さを設定するために使用される.行の高さとは、コンテキストのローのベースライン間の垂直距離を指します.その属性値は、数値、px(画素)、em、%(パーセント)であってもよい.デフォルト値はnormalです.実際の開発で最も多く使われているのは画素で、一般的に行の高さは字号より8画素程度大きくすればよい.
単行テキストを垂直に中央に配置するには、行の高さを箱の高さに直接設定すればいいです.単行テキストの行の高さが箱の高さより小さいと文字が上に偏り、箱の高さより大きいと文字が下に偏ります
text-decoration text-decoration: none; decoration(装飾、修飾)、テキストに修飾を追加します.
属性値
説明
none
デフォルト、修飾なしの標準テキスト
underline
テキストに下線効果を追加
overline
に線を引く
line-through
テキストを通る線(中線)
実際の開発では、ハイパーリンクのデフォルトの下線を除去するために使用されることが多い