CSS_03_Cssの外観属性
1909 ワード
CSS外観属性
color:テキスト色
color
属性は色定義に使用され、その値は3つの方法がある.line-height:行間隔
line-height
プロパティは、行間隔を設定するために使用されます.つまり、行と行の間の距離です.一般的には、行間は文字数より7、8 px程度大きい.高さを設定した場合、行間隔=高さでテキストを垂直方向に中央に配置できます.text-align:水平位置合わせ
text-align
プロパティは、水平方向の配置を設定するために使用されます.値
例
説明
left
text-align=left;
左揃え、デフォルト
right
text-align=right;
右揃え
center
text-align=center;
中央揃え
text-indent:最初の行を縮める
text-indent
の属性はテキストの縮みを設定するために用いられ、一般的にem
を単位とし、1em = 2
テキストの最初の行を絞る場合は、2
em
を設定する必要があります.letter-spacing:ワード間隔
letter-spacing
プロパティは、フォントとフォントの間の距離を表す文字間隔を定義するために使用されます.値
例
説明
normal
letter-spacing:normal;
デフォルト、文字間隔なし
length
letter-spacing:2px;
数値は負数にできます
word-spacing
英語の単語に対して、中国語は無効です.色半透明(css 3)
rgb()
方式で色設定を行い、a
属性(alpha透明)を1つ追加し、値範囲は0~1
であり、数値が高いほど透明効果は低くなる.color: rgba(1,0,0,0.3);
テキストシャドウ効果(css 3)
text-shadow
プロパティは、4つのパラメータを持つテキストのシャドウ効果を設定するために使用されます.text-shadow: ;
値
説明
h-shadow
必要です.水平シャドウの位置
v-shadow
必要です.垂直シャドウの位置
blur
オプション.ぼかしきょり
color
オプション.影の色