CSS3 Reference


プロパティ

ご欄になりたいプロパティ等の名称をクリックしてください。

アニメーション

名称説明Lv
@keyframesキーフレームを定義3
animationアニメーション・ショートハンド3
animation-delayアニメーション前の遅延時間、アニメーション間の待機時間3
animation-directionアニメーション方向3
animation-durationアニメーション時間3
animation-iteration-countアニメーション回数3
animation-nameアニメーション指定3
animation-play-stateアニメーション状態3
animation-timing-functionアニメーション方法3

ボーダー / ボックス

名称説明Lv
borderボーダー・ショートハンド1
border-colorボーダー色・ショートハンド1
border-imageボーダー画像・ショートハンド3
border-image-outsetボーダー画像のはみ出し3
border-image-repeatボーダー画像の幅3
border-image-sliceボーダー画像の切り取り範囲3
border-image-sourceボーダー画像のソース3
border-image-widthボーダー画像の幅3
border-radius角丸・ショートハンド3
border-styleボーダースタイル・ショートハンド1
border-widthボーダー幅・ショートハンド1
border-xボーダー各辺・ショートハンド1
border-x-colorボーダー各辺の色2
border-x-radius角丸各角3
border-x-styleボーダー各辺のスタイル2
border-x-widthボーダー各辺の幅1
box-alignレイアウト方向3
box-decoration-breakボックスのページ間での分割方法3
box-direction子要素のレイアウト方向3
box-flexボックス柔軟性3
box-linesボックスの行数3
box-ordinal-groupレイアウト順指定3
box-orient子要素のレイアウト方法3
box-packボックスのパッキング方法3
box-shadowボックスの影3
clearフロート解除1-
displayボックスの種類1-
floatフロート1-
height内容の高さ1-
marginマージン・ショートハンド1
margin-xパディング各辺1
max-height内容の高さの最大値2-
max-width内容の幅の最大値2-
min-height内容の高さの最小値2-
min-width内容の幅の最小値2-
overflowはみ出る部分の表示方法2-
overflow-styleはみ出る部分の表示スタイルまだ
overflow-xはみ出る部分の表示方法3
overflow-yはみ出る部分の表示方法3
paddingパディング・ショートハンド1
padding-xパディング各辺1
presentation-level表示レベル3
rotation回転角度3
rotation-point回転起点3
visibility表示するか否か2-
width内容の幅1-

グリッド

名称説明Lv
grid-columnsグリッドの列数・幅3
grid-rowsグリッドの行数・高さ3

フォント

名称説明Lv
@font-faceフォントリソース指定2
fontフォント名の指定1
font-size文字の大きさ1
font-size-adjustフォントサイズ微調整2
font-stretchフォントの変倍1
font-styleフォントのスタイル1
font-variantスモールキャップ1
font-weightフォントの太さ1

リスト

名称説明Lv
::markerマーカー要素2-
list-styleマーカーの画像1-
list-style-imageマーカーの画像1-
list-style-positionマーカーの画像1-
list-style-typeマーカーの種類1-

テキスト

名称説明Lv
-webkit-text-fill-color
hanging-punctuationパンクチュエーションの位置1-
letter-spacing文字間の幅1-
line-breakCJKの改行制約3
punctuation-trim全角パンクチュエーションのカーニング3
text-alignテキストの水平揃え1-
text-align-lastテキストの最終行の水平揃え3
text-autospace余白の自動追加3
text-decoration文字線・ショートハンド3
text-decoration-color文字線の色3
text-decoration-line下線・上線・取消線3
text-decoration-skip文字線の対象3
text-decoration-style文字線のスタイル3
text-emphasis文字強調・ショートハンド3
text-emphasis-color文字線の色3
text-emphasis-position強調マークの位置3
text-emphasis-style文字強調のスタイル3
text-indent行のインデント1-
text-justify均等割り付け方法3
text-outlineテキストのアウトライン3
text-shadowテキストの影3
text-transform大文字・小文字1-
text-underline-position下線の位置3
text-wrapテキストの折り返し1-
white-space空白類の扱い1-
white-space-collapsing空白類のまとめ方3
word-break単語間の改行位置の制約3
word-spacing単語間の幅1-
word-wrap単語内の改行位置の制約3

行(ライン)

名称説明Lv
drop-initial-size

ハイパーリンク

名称説明Lv
targetターゲット・ショートハンド3
target-nameターゲット名3
target-new新規で開く場合の開き方3
target-position新規リソースの表示位置3

マルチカラム

名称説明Lv
column-countマルチカラムの列の数3
column-fillカラムの満たし方3
column-gapマルチカラムのカラム間の距離3
column-ruleカラムの境界線・ショートハンド3
column-rule-colorカラムの境界線の色3
column-rule-styleカラムの境界線のスタイル3
column-rule-widthカラムの境界線の幅3
column-spanマルチカラムのまたぎ方3
column-widthマルチカラムの列の幅3
columnsマルチカラムのショートハンド3
float-offsetグリッドに対するフロートのオフセット3

ルビ

名称説明Lv
ruby-alignルビの寄せ方3
ruby-overhang溢れたルビの扱い3
ruby-positionルビの位置3
ruby-spanルビテキストのまたぎ3

前景・背景

名称説明Lv
background背景・ショートハンド1
background-attachment背景画像の固定方法1
background-clip背景画像の描画領域3
background-color背景色1
background-image背景画像1
background-origin背景画像の描画基準3
background-position背景画像の位置1
background-repeat背景画像の繰り返し1
background-size背景画像のサイズ3
opacity透過度3

マーキー

名称説明Lv
marquee-directionマーキーの方向3
marquee-loopマーキーの回数3
marquee-play-countマーキーの回数3
marquee-speedマーキー速度3
marquee-styleマーキーのスタイル3
overflow-styleマーキーの方向3

ユーザー・インタフェース(UI)

名称説明Lv
::choices選択中のフォーム3
::repeat-index繰り返し項目のインデックス部分3
::repeat-item繰り返し項目の繰り返し部分3
::value入力エリア3
:default初期に選択状態の要素3
:in-range値が範囲内のフォーム3
:invalid妥当でない値のフォーム3
:optionalオプションのフォーム要素3
:out-range値が範囲外のフォーム3
:read-only入力不可のフォーム3
:read-write入力可能なフォーム3
:required必須のフォーム3
:valid妥当な値のフォーム3
appearance要素の外観3
box-sizingボックスサイズの計算方法を指定3
cursorカーソル指定2
nav-indexナビゲーション順を指定3
nav-x前後のナビゲーション移動先を指定3
outlineアウトライン・ショートハンド2
outline-colorアウトラインの色2
outline-offsetアウトラインのオフセット3
outline-styleアウトラインのスタイル2
outline-widthアウトラインの幅2
resizeリサイズ可・不可の指定3
text-overflowはみ出たテキストの直前の省略符号3

変形(トランスフォーム)

名称説明Lv
transform変形方法3
transform-origin変形の起点3
transform-style変形スタイル3

独自拡張

名称説明Lv
-webkit-text-fill-color

生成・置換

名称説明Lv
::after要素の直後2.0
::alternate代替要素3
::before要素の直前2.0
::markerマーカー要素2-
::outside要素のラッパー3
@counter-styleカウンターの配列の定義3
binding他リソースのバインド4
bleed裁断位置3
bookmark-labelしおりレベル3
bookmark-levelしおりレベル3
bookmark-stateしおりレベル3
bookmark-targetしおりレベル3
content内容の生成2-
counter-incrementカウンター増減2-
counter-resetカウンター増減2-
crop切り取り3
hyphenate-after単語分割の後の文字数3
hyphenate-before単語分割の前の文字数3
hyphenate-character単語分割の詰め文字3
hyphenate-lines単語分割の最大行数3
hyphenate-resource単語の分割位置の辞書3
hyphens単語の分割3
image-resolution画像の解像度3
marksトンボ2-
move-to内容の移動先指定3
page-policyページでのカウンターや文字列のポリシー3
quotes引用符2-
string-set文字セットの定義3
symbols()カウンターの配列の定義3

遷移(トランジション)

名称説明Lv
transition遷移・ショートハンド3
transition-delay遷移前の遅延時間、遷移間の待機時間3
transition-duration遷移時間3
transition-property遷移対象のプロパティ3
transition-timing-function遷移方法3

ページメディア

名称説明Lv
::footnote-call脚注要素呼び出し時の置換内容3
::footnote-marker脚注マーカー3
bleed裁断位置3
bookmark-labelしおりレベル3
bookmark-levelしおりレベル3
bookmark-stateしおりレベル3
bookmark-targetしおりレベル3
break-after改何か位置(後)2.0
break-before改何か位置(前)2.0
break-inside改何か位置(中)2.0
fit置換要素の拡大・縮小方法3
fit-position置換要素の拡大・縮小基点3
image-orientation画像の回転3
marksトンボ2-
orphansページ最後の段落に残す最低行数2-
page頁名2-
page-break-before改頁位置(前)2.0
page-break-inside改頁位置(中)2.0
page-policyページでのカウンターや文字列のポリシー3
sizeページのサイズ2-
widowsページ最初の段落に移す最低行数2-

スピーチ・シンセサイザ

名称説明Lv
@phonetic-alphabet発音記号基準3
cue音声ボーダー・ショートハンド2.0
cue-after後音声ボーダー2.0
cue-before前音声ボーダー2.0
markマーキング・ショートハンド3
mark-after後マーキング3
mark-before前マーキング3
pause音声ボーダー・ショートハンド2.0
pause-after後音声マージン2.0
pause-before前音声マージン2.0
phonemes発音3
rest音声パディング・ショートハンド3
rest-after後音声パディング3
rest-before前音声パディング3
speak読み上げ方2.0
voice-balance横方向の音源の位置2.0
voice-duration読み上げ時間3
voice-family音声ファミリ2.0
voice-pitch声の高さ2.0
voice-pitch-range声の抑揚2.0
voice-rate読み上げ速度2.0
voice-stressアクセントの強さ2.0
voice-volume音量2.0