今回はCSS1とCSS2の共通プロパティについてご紹介します。実際の使用例を見てみましょう。
background すべての背景プロパティを 1 つのステートメントで設定します。
background-attachment 背景画像を固定するか、ページの残りの部分と一緒にスクロールするかを設定します。
background-color 要素の背景色を設定します。
background-image 要素の背景画像を設定します。
background-position 背景画像の開始位置を設定します。
background-repeat 背景画像を繰り返すかどうか、繰り返す方法を設定します。
border すべての境界線プロパティを 1 つのステートメントで設定します。
border-bottom すべての下枠プロパティを 1 つのステートメントで設定します。
border-bottom-color は、下の境界線の色を設定します。
border-bottom-style 下の境界線のスタイルを設定します。
border-bottom-width は、下の境界線の幅を設定します。
border-color 4つの枠線の色を設定します。
border-left すべての左境界プロパティを 1 つのステートメントで設定します。
border-left-color 左枠の色を設定します。
border-left-style 左枠のスタイルを設定します。
border-left-width 左ボーダーの幅を設定します。
border-right すべての右枠プロパティを 1 つのステートメントで設定します。
border-right-color 右枠の色を設定します。
border-right-style 右枠のスタイルを設定します。
border-right-width 右ボーダーの幅を設定します。
ボーダースタイル 4つのボーダーのスタイルを設定します。
border-top すべての上辺のプロパティを 1 つのステートメントで設定します。
border-top-color 上部の境界線の色を設定します。
border-top-style 上部の境界線のスタイルを設定します。
border-top-width 上部の境界線の幅を設定します。
border-width 4つのボーダーの幅を設定します。
outline すべてのアウトライン プロパティを 1 つのステートメントで設定します。
outline-color 輪郭の色を設定します。
outline-style アウトラインのスタイルを設定します。
outline-width アウトラインの幅を設定します。
height 要素の高さを設定します。
max-height 要素の最大高さを設定します。
max-width 要素の最大幅を設定します。
min-height 要素の最小の高さを設定します。
min-width 要素の最小幅を設定します。
width 要素の幅を設定します。
font すべてのフォントのプロパティを 1 つの宣言で設定します。
font-family はテキストのフォント ファミリーを指定します。
font-size はテキストのフォント サイズを指定します。
font-size-adjust は要素のアスペクト値を指定します。
font-stretch 現在のフォント ファミリーを縮小または拡大します。
font-style テキストのフォント スタイルを指定します。
font-variant テキストを小文字フォントで表示するかどうかを指定します。
font-weight はフォントの太さを指定します。
content は、生成されたコンテンツを挿入するために、:before および :after 擬似要素とともに使用されます。
counter-increment 1 つ以上のカウンタを増加または減少させます。
counter-reset 1 つ以上のカウンターを作成またはリセットします。
quotes ネストされた引用符の引用タイプを設定します。
list-style すべてのリストのプロパティを 1 つの宣言で設定します。
list-style-image 画像をリスト項目マーカーとして設定します。
list-style-position リスト項目マーカーの配置位置を設定します。
list-style-type リスト項目タグのタイプを設定します。
margin 1 つの宣言ですべてのマージン プロパティを設定します。
margin-bottom 要素の下マージンを設定します。
margin-left 要素の左マージンを設定します。
margin-right 要素の右マージンを設定します。
margin-top 要素の上マージンを設定します。
padding すべてのパディングプロパティを 1 つの宣言で設定します。
padding-bottom 要素の下部パディングを設定します。
padding-left 要素の左パディングを設定します。
padding-right 要素の右パディングを設定します。
padding-top 要素の上部のパディングを設定します。
bottom 位置決めされた要素の下マージン境界と、その要素を含むブロックの下境界との間のオフセットを設定します。
clear 要素のどの側で他の浮動要素を許可しないかを指定します。
Clip は、絶対的に配置された要素をクリップします。
cursor 表示するカーソルの種類(形状)を指定します。
display 要素が生成するボックスのタイプを指定します。
float は、ボックスを浮かせるかどうかを指定します。
left 位置決めされた要素の左マージン端と、その要素を含むブロックの左端の間のオフセットを設定します。
overflow は、コンテンツが要素ボックスからオーバーフローした場合に何が起こるかを指定します。
position は要素の配置タイプを指定します。
right 位置決めされた要素の右マージン端と、その要素を含むブロックの右端の間のオフセットを設定します。
top 位置決めされた要素の上マージン境界と、その要素を含むブロックの上境界との間のオフセットを設定します。
vertical-align 要素の垂直方向の配置を設定します。
visibility は要素が表示されるかどうかを指定します。
z-index 要素の重なり順を設定します。
orphans 要素内でページネーションが発生する場合に、ページの下部に残さなければならない最小行数を設定します。
page-break-after 要素の後のページング動作を設定します。
page-break-before 要素の前のページング動作を設定します。
page-break-inside 要素内のページング動作を設定します。
widows 要素内でページネーションが発生する場合に、ページの先頭に残さなければならない最小行数を設定します。
border-collapse は、テーブルの境界線を結合するかどうかを指定します。
border-spacing 隣接するセルの境界線間の距離を指定します。
caption-side は表タイトルの位置を指定します。
empty-cells は、テーブル内の空のセルに境界線と背景を表示するかどうかを指定します。
table-layout テーブルに使用されるレイアウト アルゴリズムを設定します。
色 テキストの色を設定します。
direction テキストの方向/書き込み方向を指定します。
letter-spacing 文字間隔を設定します。
line-height 行の高さを設定します。
text-align はテキストの水平方向の配置を指定します。
text-decoration は、テキストに追加される装飾効果を指定します。
text-indent は、テキスト ブロックの最初の行のインデントを指定します。
text-shadow は、テキストに追加される影効果を指定します。
text-transform テキストの大文字と小文字を制御します。
unicode-bidi テキストの方向を設定します。
white-space は、要素内の空白を処理する方法を指定します。
word-spacing 単語の間隔を設定します。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
以上がCSS1 と CSS2 の共通プロパティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。