CSS共通属性(継続更新)

本文は私が学習の中で出会ったいくつかのcss属性を記録して、持続的に更新します.

1. opacity

opacityプロパティは、要素の透明度を指定します.つまり、要素の後ろの背景が上書きされる程度を指定します.
opacity:1;要素が完全に不透明(すなわち、要素の後ろの背景が見えない)opacity:0.6;(0.0~1.0の間)元素半透明(すなわち元素の後ろの背景が見える)opacity:0;エレメントが完全に透明(エレメントが非表示)

2. z-index

z-indexプロパティは、位置決めプロパティを持つ要素とその子要素のz-orderを指定します.要素間が重なると、z-orderは残りの要素の上にどの要素が上書きされるかを決定します.通常、z-indexの大きい方が小さい方を上書きします.要素は負のz-index値を持つことができる.可能な値:
autoデフォルトでは、スタック順序が親要素と等しいnumber設定要素スタック順序inheritは、親要素からz-indexの値を継承すべきことを規定します.

3. transform

Transformプロパティを使用すると、CSSビジュアルフォーマットモデルの座標空間を変更できます.これを使用すると、要素を変換(translate)、回転(rotate)、スケール(scale)、傾斜(skew)することができます.Transformプロパティはblock要素にのみ有効です.

4. cursor

cursorプロパティは、要素の上にマウスポインタが浮かぶマウスカーソルを定義します.
値
説明
auto
初期値.ブラウザは現在のコンテンツに基づいてポインタスタイルを決定します
pointer
リンクに浮かぶときは、通常は手です
text
選択可能な指示テキスト
none
ポインタなしでレンダリング
cursor MDN

5. text-align

text-alignは、行の内容がブロックの親要素に対してどのように整列するかを定義します.text-alignは、ブロック要素自身の位置合わせを制御するものではなく、その行内の内容の位置合わせのみを制御する.
値
説明
left
行の内容を左揃え
right
行の内容を右側に揃えます
center
行の内容が中央になる
justify
テキストは両側に揃えられますが、最後の行には無効です.
justify-all
justifyと一致しますが、最後の行の両端を強制的に揃えます.
text-align MDN

6. background-size

background-size背景画像サイズを設定します.
値
説明
cover
背景画像をズームして背景領域を完全に上書きします.背景画像の部分が見えない可能性があります.
contain
背景画像をズームして背景領域を完全に読み込みます.背景領域の一部が空白になる可能性があります.
auto
背景画像のスケール
1つの値
この値は画像の幅を指定し、画像の高さはautoです.
2つの値
1番目の値はピクチャの幅を指定し、2番目の値はピクチャの高さを指定します.
複数の値をカンマで区切る
マルチバックグラウンドの設定
背景画像に上書きされていない領域は、background-color属性で背景色を設定します.
background-size MDN