CSS3のプロパティ一覧

css

テキスト・フォント

プロパティ名説明対象継承
fontフォント関連をまとめて指定全ての要素する
font-sizeフォントのサイズ全ての要素する
font-weightフォントの太さ全ての要素する
font-styleフォントのスタイル全ての要素する
font-familyフォントの種類全ての要素する
font-variantスモールキャピタル全ての要素する
text-align水平方向の表示位置ブロックレベル要素する
vertical-align垂直方向の表示位置インライン要素、th要素、td要素しない
line-height行の高さ全ての要素する
text-decoration文字の装飾全ての要素しない
text-indent1行目の字下げブロックレベル要素する
text-transform大文字と小文字の変換全ての要素する
letter-spacing文字の間隔全ての要素する
word-spacing単語の間隔全ての要素する
white-space改行・スペース・タブの扱い全ての要素する

色・背景

プロパティ名説明対象継承
color文字色全ての要素する
background背景関連をまとめて指定全ての要素しない
background-color背景色全ての要素しない
background-image背景画像全ての要素しない
background-repeat背景画像の並び方全ての要素しない
background-position背景画像の表示位置ブロックレベル要素、置換要素しない
background-attachment背景画像の固定表示全ての要素しない
background-size背景画像のサイズ指定
background-orign背景の基準位置指定
background-clip背景の適用範囲指定
background-image複数の背景画像をカンマ区切りで指定

幅・高さ

プロパティ名説明対象継承
width内容領域の幅全ての要素 (非置換インライン要素、tr要素、thead要素、tfoot要素、tbody要素を除く)しない
height内容領域の高さ全ての要素 (非置換インライン要素、colgroup要素、col要素を除く)しない
max-width最大の幅全ての要素 (非置換インライン要素、表関連要素を除く)しない
min-width最小の幅全ての要素 (非置換インライン要素、表関連要素を除く)しない
max-height最大の高さ全ての要素 (非置換インライン要素、表関連要素を除く)しない
min-height最小の高さ全ての要素 (非置換インライン要素、表関連要素を除く)しない

マージン・パディング

プロパティ名説明対象継承
marginマージンをまとめて指定全ての要素 (table要素、caption要素以外の表関連要素を除く)しない
margin-top上のマージン全ての要素 (table要素、caption要素以外の表関連要素を除く)しない
margin-right右のマージン全ての要素 (table要素、caption要素以外の表関連要素を除く)しない
margin-bottom下のマージン全ての要素 (table要素、caption要素以外の表関連要素を除く)しない
margin-left左のマージン全ての要素 (table要素、caption要素以外の表関連要素を除く)しない
paddingパディングをまとめて指定全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く)しない
padding-top上のパディング全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く)しない
padding-right右のパディング全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く)しない
padding-bottom下のパディング全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く)しない
padding-left左のパディング全ての要素 (tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く)しない

ボーダー

プロパティ名説明対象継承
border境界線関連をまとめて指定全ての要素しない
border-top上の境界線全ての要素しない
border-right右の境界線全ての要素しない
border-bottom下の境界線全ての要素しない
border-left左の境界線全ての要素しない
border-width境界線の太さをまとめて指定全ての要素しない
border-top-width上下左右の境界線の太さ全ての要素しない
border-right-width上下左右の境界線の太さ全ての要素しない
border-bottom-width上下左右の境界線の太さ全ての要素しない
border-left-width上下左右の境界線の太さ全ての要素しない
border-color境界線の色をまとめて指定全ての要素しない
border-top-color上下左右の境界線の色全ての要素しない
border-right-color上下左右の境界線の色全ての要素しない
border-bottom-color上下左右の境界線の色全ての要素しない
border-left-color上下左右の境界線の色全ての要素しない
border-style境界線のスタイルをまとめて指定全ての要素しない
border-top-style上下左右の境界線のスタイル全ての要素しない
border-right-style上下左右の境界線のスタイル全ての要素しない
border-bottom-style上下左右の境界線のスタイル全ての要素しない
border-left-style上下左右の境界線のスタイル全ての要素しない
border-radius角丸枠線をまとめて指定
border-top-left-radius角丸枠線の左上を指定
border-top-right-radius角丸枠線の右上を指定
border-bottom-left-radius角丸枠線の左下を指定
border-bottom-right-radius角丸枠線の右下を指定

表示

プロパティ名説明対象継承
overflowはみ出た部分の表示方法ブロックレベル要素、置換要素しない
display表示形式全ての要素しない
visibility表示と非表示全ての要素する
clip切り抜き絶対位置決めされた要素しない
floatフロート(浮動化)全ての要素 (絶対位置決めされた要素、生成内容を除く)しない
clear回り込みの解除ブロックレベル要素しない
position配置方法全ての要素 (生成内容を除く)しない
top上からの距離位置決めされた要素しない
right右からの距離位置決めされた要素しない
bottom下からの距離位置決めされた要素しない
left左からの距離位置決めされた要素しない
z-index重なりの順序位置決めされた要素しない
direction基本書字方向全ての要素する
unicode-bidi書字方向の組み込みと上書き全ての要素しない

ボックス

プロパティ名説明対象継承
box-packボックス内子要素の横方向の位置指定
box-alignボックス内子要素の縦方向の位置指定
box-orientボックス内子要素の配置方向の指定
Box-ordinal-groupボックス内子要素に並び準グループ割り当て
box-flex伸縮ボックスの伸縮比率指定

マーキー

プロパティ名説明対象継承
marquee-styleスクロール方法の指定
marquee-play-countスクロール回数の指定
marquee-directionスクロール方向を指定
marquee-speedスクロールスピードを指定

リスト

プロパティ名説明対象継承
list-styleマーカー関連をまとめて指定li要素、「display: list-item」が指定された要素する
list-style-typeマーカーの種類li要素、「display: list-item」が指定された要素する
list-style-positionマーカーの位置li要素、「display: list-item」が指定された要素する
list-style-imageマーカーの画像li要素、「display: list-item」が指定された要素する

テーブル

プロパティ名説明対象継承
table-layout表のレイアウト方法table要素しない
border-collapse境界線の表示方法table要素する
border-spacing境界線の間隔table要素する
empty-cells空セルの境界線th要素、td要素する
caption-side表タイトルの位置caption要素する

内容の追加

プロパティ名説明対象継承
content内容の生成:before疑似要素、:after疑似要素しない
quotes引用符の設定全ての要素する

アウトライン

プロパティ名説明対象継承
outlineアウトライン関連をまとめて指定全ての要素しない
outline-widthアウトラインの太さ全ての要素しない
outline-colorアウトラインの色全ての要素しない
outline-styleアウトラインのスタイル全ての要素しない

カーソル

プロパティ名説明対象継承
cursorカーソルの形全ての要素する

印刷

プロパティ名説明対象継承
page-break-before直前の改ページブロックレベル要素しない
page-break-after直後の改ページブロックレベル要素しない
page-break-inside要素内の改ページブロックレベル要素する

文章の枠組み

プロパティ名説明対象継承
column-countカラム数
column-widthカラム幅
columnsカラム数・幅
colmn-gapカラム間隔
colmn-ruleカラム区切り線
Colmn-rule-styleカラム区切り線のスタイル
Colmn-rule-width絡む区切り線の幅
Colmn-rule-colorカラム区切り線の色
Colmn-span要素をまたがるカラム数

グラデーション

プロパティ名説明対象継承
background:linear-gradient()線形グラデーションの指定
background:radial-gradient()円形グラデーションの指定

ベンダープレフィックス

プロパティ名説明対象継承
-moz-Firefox
-webkit-Chrome、Safari
-()-s
-ms-IE

アマルウェブ HOME