よく使用される CSS プロパティのリストを W3CSchool_html/css_WEB-ITnose で整理します。

最近の教育では、学習とクエリを容易にするためによく使用される CSS 属性をまとめました、投稿して皆さんと共有しました O(∩_∩)O。

抜粋: http://www.w3cschool.com.cn/

表の右端の列の数字は、サポートされる CSS の最小バージョンを示します。

ディレクトリ:

01. CSS 背景プロパティ (Background)

02. CSS テキスト プロパティ (Text)

04. CSS フォント プロパティ (Font)

05. CSS マージン プロパティ (Margin)

06. CSS パディング プロパティ (Padding)

08. CSS 位置決めプロパティ (Positioning)

10. CSS テーブルプロパティ (Table)

01. CSS 背景プロパティ (Background)

CSS 背景プロパティ (Background)

プロパティ

CS Sすべての背景プラグインを 1 つのステートメントで設定します 背景画像を固定するか、ページの残りの部分と一緒にスクロールするかを設定します1要素の背景色を設定します1要素の背景画像を設定します1背景画像の設定を開始位置1背景画像を繰り返すかどうか、繰り返す方法を設定1

02. CSS ボーダープロパティ (ボーダーとアウトライン) CSS ボーダープロパティ (ボーダーとアウトライン)

	背景	1
background-attachment
背景- color
background-image
background-position
background-repeat

の幅の幅を設定します概要2

プロパティ	説明	CSS
国境	ですべての境界線プロパティを 1 つのステートメントで設定します	1
border-bottom	すべての下境界線プロパティを 1 つのステートメントで設定します	1
border-bottom-color	設定の下の境界線の色	2
border-bottom-style	下の境界線のスタイルを設定します	2
border-bottom-width	下の境界線を設定します	1
border-color	4つの境界線の色を設定します	1
border-left	1つのステートメントですべての左境界線のプロパティを設定します	1
ボーダー左の色	左の境界線の色を設定します	2
border-left-style	左の境界線のスタイルを設定します	2
border-left-width	セット左境界線の幅	1
border-right	すべての右境界線プロパティを 1 つのステートメントで設定します	1
border-right-color	右境界線の色を設定します	2
border-right-style	右枠のスタイルを設定します	2
border-right-width	右枠の幅を設定します	1
border-style	4つの境界線のスタイルを設定します	1
border-top	1つのステートメントですべての上境界線のプロパティを設定します	1
ボーダートップ-color	上の境界線の色を設定します	2
border-top-style	上の境界線のスタイルを設定します	2
border-top-width	を設定します上の境界線の幅	1
border-width	4つの境界線の幅を設定します	1
outline	1つのステートメントですべてのアウトラインプロパティを設定します	2
outline-color	輪郭の色を設定	2
outline-style	輪郭のスタイルを設定	2
outline-width

03. CSS Text プロパティ (Text)

CSS Text プロパティ (Text) テキストの色の設定1テキストの方向/書き込み方向を指定2文字間隔を設定する1行の高さを設定 1テキストの水平方向の配置を指定します1text-decoration text-indent text-shadowtext-transformunicode-bidi空白単語間隔

04. CSS フォント プロパティ (フォント) CSS フォント プロパティ (フォント)

プロパティ		CSS
color
direction
文字間隔
line-height
text-align
追加する装飾効果を指定しますテキストに	1
テキストブロックの最初の行のインデントを指定します	1
追加される影効果を指定します本文へ	2
テキストサイズの制御 書き込み	1
テキストの方向の設定	2
を指定します要素内の空白を処理する方法	1
単語間隔を設定する	1

プロパティ	説明	CSS
font	ステートメントに設定 すべてフォントのプロパティ	1
font-family	テキストのフォントファミリーを指定します	1
font-size	テキストのフォントサイズを指定します	1
font -size-adjust	要素のアスペクト値を指定	2
font-stretch	現在のフォントファミリーを縮小または拡大	2
フォントスタイル	テキストのフォント圧縮を指定します	1
font-variant	テキストのフォントスタイルを指定します	1
font-weight	フォントの太さを指定します	1

05. CSS Margin プロパティ (Margin) CSS Margin プロパティ (Margin)

Property	Description	CSS
マージン	のステートメント すべてのマージンプロパティを設定します	1
margin-bottom	要素の下マージンを設定します	1
margin-left	要素の左マージンを設定します	1
margin-right	要素の右マージンを設定します	1
margin-top	要素の上マージンを設定します	1

06 . CSS Margin プロパティ (Padding) CSS パディング プロパティ (Padding) 要素の上部のパディングを設定します1

Property	Description	CSS
padding	すべての内側のエッジを 1 つのステートメントに設定する Padding 属性	1
padding-bottom	要素の下のパディングを設定します	1
padding-left	要素の左のパディングを設定します	1
padding-right	要素の右のパディングを設定します	1
padding-top

07. CSS リストプロパティ (リスト)

CSS リスト プロパティ (リスト)

プロパティ説明CSSlist-stylelist-style-imagelist-positionlist-style-type

1 つのステートメントですべてを設定するリストのプロパティ	1
リスト項目マーカーとして画像を設定	1
リスト項目マーカーの配置位置を設定	1
リスト項目マークの種類を設定	1

08. CSSサイズ属性(Dimension)

CSSサイズ属性(Dimension)

プロパティ説明CSS高さmax-heightmax -widthmin-heightmin-width width

09. CSS 配置プロパティ (Positioning)

要素の高さを設定	1
要素の最大高さを設定します	2
要素の最大幅を設定	2
要素の最小の高さを設定	2
セット要素の最小幅	2
要素の幅を設定します	1

位置決め要素の下側の外縁を設定します。 border 2要素のどの側が他の浮動要素を許可しないかを指定します 1クリップ絶対位置要素2表示されるカーソル（形状）のタイプを指定します2要素が生成するボックスのタイプを指定します1かどうかを指定しますボックスはフロートする必要があります1 配置された要素の左マージンエッジとその要素を含むブロックの左エッジの間のオフセットを設定します2何コンテンツが要素ボックスをオーバーフローしたときに発生します2 要素の配置タイプを指定します2右と右の間に配置要素の右マージン境界を設定します余白と右側包含ブロックの端 2 位置決めされた要素の上マージン境界とその包含ブロックの上端の間のオフセットを設定します2要素の垂直位置を設定するメソッドの場合1要素の可視かどうかを指定する2重なり順を設定します要素2

Property	Description	CSS
bottom
clear
clip
カーソル
display
float
left
overflow
position
right
top
vertical-align
visibility
z-index

10. CSS テーブルプロパティ (Table)

CSS テーブルプロパティ (Table) 表の枠線を結合するかどうかを指定します2隣接するセルの枠線間の距離を指定します2caption-side empty-cells table-layout

プロパティ	説明	CSS
ボーダー-collapse
border-spacing
の位置を指定しますテーブルのタイトル	2
テーブル内の空のセルに枠線と背景を表示するかどうかを指定します	2
に使用されるレイアウトアルゴリズムテーブル	2