Weblasts

スタイル継承一覧表

スタイル継承一覧表を作ってみたのでご参考に

文字などに使うプロパティ

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

色や背景に使うプロパティ

プロパティ名 説明 対象の要素 継承
color 文字色 全ての要素 リンク以外はする
background 背景関連をまとめて指定 全ての要素 しない
background-color 背景色 全ての要素 しない
background-image 背景画像 全ての要素 しない
background-repeat 背景画像の並び方 全ての要素 しない
background-position 背景画像の表示位置 ブロックレベル要素、置換要素 しない
background-attachment 背景画像の固定表示 全ての要素 しない

幅や高さ用のプロパティ

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

余白用のプロパティ

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

表示や配置用のプロパティ

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

リスト用のプロパティ

プロパティ名 説明 対象の要素 継承
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)用のプロパティ

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

内容追加用のプロパティ

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

カーソル用のプロパティ

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

アウトライン用のプロパティ

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

印刷用のプロパティ

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

フリーランスでweb系のデザイン・コーディング&プログラミングをしています

youtubeはじめました