CSS(Cascading Style Sheets)のプロパティの概要とバージョンをABC順の一覧形式でまとめています。
各プロパティの詳細ページではサンプルを中心に紹介しています。
また、JavaScriptを組み合わせることで、見た目に綺麗なページや動きのあるページを実現することが出来ます。
A | プロパティの意味(概要) | Ver | 備考 |
---|---|---|---|
align-content | コンテナ内の行の揃え方 | 3.0 | |
align-items | コンテナ内の垂直方向の揃え方 | 3.0 | |
alignment-adjust | ベースラインを調整 | 3.0 | 主要ブラウザ未対応 |
alignment-baseline | インライン要素の揃えライン | 3.0 | 主要ブラウザ未対応 |
align-self | flexコンテナの垂直(縦)位置を個別に指定 | 3.0 | |
animation | アニメーションの設定 | 3.0 | |
animation-delay | アニメーションのディレイ | 3.0 | |
animation-direction | アニメーションの方向 | 3.0 | |
animation-duration | アニメーションの再生時間 | 3.0 | |
animation-fill-mode | アニメーションの再生前後のスタイル | 3.0 | |
animation-iteration-count | アニメーションの繰り返し | 3.0 | |
animation-name | アニメーションのキーフレーム名 | 3.0 | |
animation-play-state | アニメーションの再生と一時停止 | 3.0 | |
animation-timing-function | アニメーション速度 | 3.0 | |
azimuth | 音声が聞こえてくる方向 | 2.1 | CSS2.1にて削除 |
B | プロパティの意味(概要) | Ver | 備考 |
backface-visibility | 裏面の表示 | 3.0 | |
background | 背景全般の設定 | 2.1 | CSS3にて機能拡張 |
background-attachment | 背景画像のスクロール | 2.1 | CSS3にて機能拡張 |
background-blend-mode | 背景をブレンド | 3.0 | |
background-clip | 背景画像の表示エリア | 3.0 | |
background-color | 背景色の設定 | 2.1 | |
background-image | 背景画像の設定 | 2.1 | CSS3にて機能拡張 |
background-origin | 背景画像の表示位置の基点 | 3.0 | |
background-position | 背景画像の表示位置の設定 | 2.1 | CSS3にて機能拡張 |
background-repeat | 背景画像の繰返し設定 | 2.1 | CSS3にて機能拡張 |
background-size | 背景画像の表示サイズ設定 | 3.0 | |
baseline-shift | 優先ベースライン | 3.0 | 主要ブラウザ未対応 |
binding | 結合スタイル規則を参照 | 3.0 | 主要ブラウザ未対応 |
bleed | 3.0 | 主要ブラウザ未対応 | |
bookmark-label | ブックマークの名前 | 3.0 | 主要ブラウザ未対応 |
bookmark-level | ブックマークの度合い | 3.0 | 主要ブラウザ未対応 |
bookmark-state | ブックマークの状態 | 3.0 | 主要ブラウザ未対応 |
bookmark-target | ブックマークのターゲット | 3.0 | 主要ブラウザ未対応 |
border | 罫線の設定 | 2.1 | |
border-bottom | 罫線の底辺の設定 | 2.1 | |
border-bottom-color | 罫線の底辺の色設定 | 2.1 | |
border-bottom-left-radius | 左下の角丸 | 3.0 | |
border-bottom-right-radius | 右下の角丸 | 3.0 | |
border-bottom-style | 罫線の底辺のスタイル設定 | 2.1 | |
border-bottom-width | 罫線の底辺の太さ設定 | 2.1 | |
border-collapse | テーブルの罫線の表示方法 | 2.1 | |
border-color | 罫線の色設定 | 2.1 | |
border-image | 画像を使った罫線の表示 | 3.0 | |
border-image-outset | ボーダーイメージエリアを広げる | 3.0 | |
border-image-repeat | 画像ボーダーの繰り返し方法 | 3.0 | |
border-image-slice | 画像のボーダー使用範囲 | 3.0 | |
border-image-source | ボーダーの使用画像ファイル | 3.0 | |
border-image-width | 画像ボーダーの太さ | 3.0 | |
border-left | 罫線の左辺の設定 | 2.1 | |
border-left-color | 罫線の左辺の色設定 | 2.1 | |
border-left-style | 罫線の左辺のスタイル設定 | 2.1 | |
border-left-width | 罫線の左辺の太さ設定 | 2.1 | |
border-radius | 角丸の設定 | 3.0 | |
border-right | 罫線の右辺の設定 | 2.1 | |
border-right-color | 罫線の右辺の色設定 | 2.1 | |
border-right-style | 罫線の右辺のスタイル設定 | 2.1 | |
border-right-width | 罫線の右辺の太さ設定 | 2.1 | |
border-spacing | テーブルの罫線の間隔 | 2.1 | |
border-style | 罫線のスタイル設定 | 2.1 | |
border-top | 罫線の上辺の設定 | 2.1 | |
border-top-color | 罫線の上辺の色設定 | 2.1 | |
border-top-left-radius | 左上の角丸 | 3.0 | |
border-top-right-radius | 右上の角丸 | 3.0 | |
border-top-style | 罫線の上辺のスタイル設定 | 2.1 | |
border-top-width | 罫線の上辺の太さ設定 | 2.1 | |
border-width | 罫線の太さ設定 | 2.1 | |
bottom | 基点の下辺からの距離 | 2.1 | |
box-shadow | ボックスの影付け | 3.0 | |
box-sizing | ボックスの大きさの算出方法 | 3.0 | |
break-after | マルチカラムの改段(ボックス後) | 3.0 | 主要ブラウザ未対応 |
break-before | マルチカラムの改段(ボックスの前) | 3.0 | 主要ブラウザ未対応 |
break-inside | マルチカラムの改段(ボックス内) | 3.0 | 主要ブラウザ未対応 |
C | プロパティの意味(概要) | Ver | 備考 |
caption-side | テーブルのキャプションの表示位置 | 2.1 | |
clear | 回り込みの解除 | 2.1 | |
clip | 画像の切り抜き | 2.1 | CSS3でclip-pathへ移行 |
clip-path | 画像の切り抜き | 3.0 | |
color | 文字の色 | 2.1 | |
column-count | マルチカラムのカラムの数 | 3.0 | |
column-fill | マルチカラムのカラムのバランス | 3.0 | |
column-gap | マルチカラムのカラムの間隔 | 3.0 | |
column-rule | マルチカラムの区切り線 | 3.0 | |
column-rule-color | マルチカラムの区切り線の色 | 3.0 | |
column-rule-style | マルチカラムの区切り線のスタイル | 3.0 | |
column-rule-width | マルチカラムの区切り線の太さ | 3.0 | |
columns | マルチカラムのカラムの数と横幅 | 3.0 | |
column-span | マルチカラムのカラムをまたがって表示 | 3.0 | |
column-width | マルチカラムのカラムの横幅 | 3.0 | |
content | コンテンツの挿入・置換 | 2.1 | |
counter-increment | カウンターの増減値 | 2.1 | |
counter-reset | カウンターの初期値 | 2.1 | |
crop | 置換要素の表示範囲 | 3.0 | 主要ブラウザ未対応 |
cue | 要素の前後の合図音 | 2.1 | 主要ブラウザ未対応 |
cue-after | 要素の後の合図音 | 2.1 | CSS3にて機能拡張 主要ブラウザ未対応 |
cue-before | 要素の前の合図音 | 2.1 | CSS3にて機能拡張 主要ブラウザ未対応 |
cursor | カーソルの種類 | 2.1 | CSS3にて機能拡張 主要ブラウザ未対応 |
D | プロパティの意味(概要) | Ver | 備考 |
direction | 書字方向 | 2.1 | |
display | ボックスの種類 | 2.1 | |
dominant-baseline | 優先ベースライン | 3.0 | 主要ブラウザ未対応 |
drop-initial-after-adjust | 頭文字の第一接続点の揃え位置 | 3.0 | 主要ブラウザ未対応 |
drop-initial-after-align | 頭文字の第一接続点の揃えライン | 3.0 | 主要ブラウザ未対応 |
drop-initial-before-adjust | 頭文字の第二接続点の揃え位置 | 3.0 | 主要ブラウザ未対応 |
drop-initial-before-align | 頭文字の第二接続点の揃えライン | 3.0 | 主要ブラウザ未対応 |
drop-initial-size | 頭文字のサイズ | 3.0 | 主要ブラウザ未対応 |
drop-initial-value | 頭文字を何行分にするか | 3.0 | 主要ブラウザ未対応 |
E | プロパティの意味(概要) | Ver | 備考 |
elevation | 音声が聞こえてくる垂直角度(高さ) | 2.1 | CSS2.1で削除 |
empty-cells | 空セルの表示 | 2.1 | |
F | プロパティの意味(概要) | Ver | 備考 |
filter | 画像に各種効果 | 3.0 | |
flex | flex-grow,flex-shrink,flex-basisをまとめて指定 | 3.0 | |
flex-basis | flexboxアイテムの幅を調整 | 3.0 | |
flex-direction | flexboxアイテムの配置(縦/横) | 3.0 | |
flex-flow | flex-directionとflex-wrapまとめて指定 | 3.0 | |
flex-grow | flexboxアイテムの自動幅調整(伸ばす) | 3.0 | |
flex-shrink | flexboxアイテムの自動幅調整(縮む) | 3.0 | |
flex-wrap | flexboxアイテムの折り返し | 3.0 | |
float | 配置と回り込み | 2.1 | |
float-offset | フロート要素のオフセット値 | 3.0 | 主要ブラウザ未対応 |
font | 文字のデザイン | 2.1 | |
font-family | フォント | 2.1 | |
font-feature-settings | OpenTypeフォントの字形の切替え | 3.0 | |
font-kerning | 字間スペース | 3.0 | |
font-language-override | 言語を一時的に変更 | 3.0 | 主要ブラウザ未対応 |
font-size | 文字の大きさ | 2.1 | CSS3にて機能拡張 |
font-size-adjust | 文字サイズの自動調節 | 3.0 | |
font-stretch | フォントの形状(幅広・幅狭) | 3.0 | |
font-style | 斜体のスタイル | 2.1 | |
font-synthesis | 太字や斜体を持たないフォントの表示方法 | 3.0 | |
font-variant | フォントの変換ルール | 2.1 | |
font-variant-alternates | 代替文字の置き換え指定 | 3.0 | |
font-variant-caps | 英大文字での表示制御 | 3.0 | |
font-variant-east-asian | 漢字の表示指定 | 3.0 | |
font-variant-ligatures | 合字の制御指定 | 3.0 | |
font-variant-numeric | 数値の表示形式指定 | 3.0 | |
font-variant-position | 上付き文字・下付き文字の指定 | 3.0 | |
font-weight | 文字の太さ | 2.1 | |
G | プロパティの意味(概要) | Ver | 備考 |
grid | グリッドコンテナをまとめて指定 | 3.0 | |
grid-area | gridのstart,endをまとめて指定 | 3.0 | |
grid-auto-columns | 自動生成されるグリッドアイテムの幅 | 3.0 | |
grid-auto-flow | グリッドアイテムの自動配置方法 | 3.0 | |
grid-auto-rows | 自動生成されるグリッドアイテムの高さ | 3.0 | |
grid-column | グリッドアイテムの列開始/終了をまとめて指定 | 3.0 | |
grid-column-end | グリッドアイテムの列終了位置 | 3.0 | |
grid-column-start | グリッドアイテムの列開始位置 | 3.0 | |
grid-gap | グリッドアイテムの余白をまとめて指定 | 3.0 | |
grid-gap-columns | グリッドアイテム列間の余白 | 3.0 | |
grid-gap-rows | グリッドアイテム行間の余白 | 3.0 | |
grid-row | グリッドアイテムの行開始/終了をまとめて指定 | 3.0 | |
grid-row-end | グリッドアイテムの行終了位置 | 3.0 | |
grid-row-start | グリッドアイテムの行開始位置 | 3.0 | |
grid-template | grid-templateをまとめて指定 | 3.0 | |
grid-template-areas | グリッドコンテナの名前を指定 | 3.0 | |
grid-template-columns | グリッドコンテナの幅を指定 | 3.0 | |
grid-template-rows | グリッドコンテナの高さを指定 | 3.0 | |
H | プロパティの意味(概要) | Ver | 備考 |
hanging-punctuation | 句読点の禁則処理 | 3.0 | 主要ブラウザ未対応 |
height | 高さ | 2.1 | |
hyphens | ハイフネーション(単語途中の改行指定)の利用 | 3.0 | |
I | プロパティの意味(概要) | Ver | 備考 |
icon | 要素のアイコン | 3.0 | 主要ブラウザ未対応 |
image-orientation | 画像の回転角度 | 3.0 | 主要ブラウザ未対応 |
image-rendering | 画像倍率表示時の指定 | 3.0 | |
image-resolution | 画像解像度を取得/設定 | 3.0 | 主要ブラウザ未対応 |
ime-mode | テキスト入力時のIMEの状態 | 3.0 | 主要ブラウザ未対応 |
inline-box-align | インラインボックスを整列させる基準行 | 3.0 | 主要ブラウザ未対応 |
J | プロパティの意味(概要) | Ver | 備考 |
justify-content | コンテナ内の水平方向の揃え方 | 3.0 | |
justify-items | グリッドアイテムの横方向の揃え方 | 3.0 | 主要ブラウザ未対応 |
L | プロパティの意味(概要) | Ver | 備考 |
left | 基点の左辺からの距離 | 2.1 | |
letter-spacing | 文字の間隔 | 2.1 | |
line-break | 禁則処理のルール(改行位置指定) | 3.0 | |
line-height | 行の高さ | 2.1 | |
line-stacking | 行ボックスの重ね方 | 3.0 | 主要ブラウザ未対応 |
line-stacking-ruby | 行ボックスを重ねる際のルビの扱い | 3.0 | 主要ブラウザ未対応 |
line-stacking-shift | 文字のベースラインを考慮かどうか | 3.0 | 主要ブラウザ未対応 |
line-stacking-strategy | 行ボックスを重ねる際の基準高さ | 3.0 | 主要ブラウザ未対応 |
list-style | リストマークのデザイン | 2.1 | |
list-style-image | リストマークの画像 | 2.1 | |
list-style-position | リストマークの表示位置 | 2.1 | |
list-style-type | リストマークの種類 | 2.1 | |
M | プロパティの意味(概要) | Ver | 備考 |
margin | マージンの大きさ | 2.1 | |
margin-bottom | 下マージン | 2.1 | |
margin-left | 左マージン | 2.1 | |
margin-right | 右マージン | 2.1 | |
margin-top | 上マージン | 2.1 | |
marks | トンボを印刷かどうか | 2.1 | CSS2.1で削除 |
marquee-direction | マーキーの動きの方向 | 3.0 | 主要ブラウザ未対応 |
marquee-loop | スクロール回数 | 3.0 | 主要ブラウザ未対応 |
marquee-play-count | マーキーの繰り返しの回数 | 3.0 | 主要ブラウザ未対応 |
marquee-speed | マーキーの動きのスピード | 3.0 | 主要ブラウザ未対応 |
marquee-style | マーキーの動きのスタイル | 3.0 | 主要ブラウザ未対応 |
max-height | 高さの最大値 | 2.1 | |
max-width | 横幅の最大値 | 2.1 | |
min-height | 高さの最小値 | 2.1 | |
min-width | 横幅の最小値 | 2.1 | 主要ブラウザ未対応 |
mix-blend-mode | 背景と前景要素のブレンド | 3.0 | 主要ブラウザ未対応 |
move-to | 要素を後ろへ移動 | 3.0 | 主要ブラウザ未対応 |
N | プロパティの意味(概要) | Ver | 備考 |
nav-down | 下方向キーにフォーカス移動を割当て | 3.0 | 主要ブラウザ未対応 |
nav-index | タブキーによるフォーカス移動の順序 | 3.0 | 主要ブラウザ未対応 |
nav-left | 左方向キーにフォーカス移動を割当て | 3.0 | 主要ブラウザ未対応 |
nav-right | 右方向キーにフォーカス移動を割当て | 3.0 | 主要ブラウザ未対応 |
nav-up | 上方向キーにフォーカス移動を割当て | 3.0 | 主要ブラウザ未対応 |
O | プロパティの意味(概要) | Ver | 備考 |
object-fit | ボックスに合わせた画像サイズの調節 | 3.0 | |
object-position | ボックス内での画像の表示位置 | 3.0 | |
opacity | 透明度 | 3.0 | |
order | flexコンテナ内の並び順 | 3.0 | |
orphans | 前ページの末尾に最小限必要な行数 | 2.1 | |
outline | アウトラインの表示 | 2.1 | |
outline-color | アウトラインの色 | 2.1 | |
outline-offset | アウトラインのオフセット | 3.0 | |
outline-style | アウトラインのスタイル | 2.1 | |
outline-width | アウトラインの太さ | 2.1 | |
overflow | オーバーフローしたコンテンツの表示 | 2.1 | |
overflow-style | はみ出た要素のスクロール方法 | 3.0 | 主要ブラウザ未対応 |
overflow-wrap | 単語の途中で改行指定 | 3.0 | |
overflow-x | 横方向にオーバーしたコンテンツの表示 | 3.0 | |
overflow-y | 縦方向にオーバーしたコンテンツの表示 | 3.0 | |
P | プロパティの意味(概要) | Ver | 備考 |
padding | パディングの大きさ | 2.1 | |
padding-bottom | 下パディング | 2.1 | |
padding-left | 左パディング | 2.1 | |
padding-right | 右パディング | 2.1 | |
padding-top | 上パディング | 2.1 | |
page | 特定の名前を付けてページを定義 | 3.0 | |
page-break-after | 改ページの位置:ボックス後 | 2.1 | |
page-break-before | 改ページの位置:ボックス前 | 2.1 | |
page-break-inside | 改ページの位置:ボックス内 | 2.1 | |
page-policy | カウント方法 | 3.0 | 主要ブラウザ未対応 |
pause | 要素の前後の音声の一時停止 | 2.1 | 主要ブラウザ未対応 |
pause-after | 要素の後の音声の一時停止 | 2.1 | 主要ブラウザ未対応 |
pause-before | 要素の前の音声の一時停止 | 2.1 | 主要ブラウザ未対応 |
perspective | 子要素の奥行きの指定 | 3.0 | |
perspective-origin | 子要素の奥行きのx軸・y軸方向の位置 | 3.0 | |
pitch | 声の高低 | 2.1 | 主要ブラウザ未対応 |
pitch-range | 声の高低の幅 | 2.1 | 主要ブラウザ未対応 |
play-during | 背景音(BGMなど) | 2.1 | 主要ブラウザ未対応 |
pointer-events | マウスイベントのターゲット制御 | 3.0 | |
position | 配置方法 | 2.1 | |
presentation-level | 表示レベルを指定 | 3.0 | 主要ブラウザ未対応 |
Q | プロパティの意味(概要) | Ver | 備考 |
quotes | 引用符 | 2.1 | |
R | プロパティの意味(概要) | Ver | 備考 |
resize | ボックスのリサイズ | 3.0 | |
rest | 音声の開始・終了時の無音設定 | 3.0 | 主要ブラウザ未対応 |
rest-after | 音声の終了時の無音設定 | 3.0 | 主要ブラウザ未対応 |
rest-before | 音声の開始時の無音設定 | 3.0 | 主要ブラウザ未対応 |
richness | 声の豊かさ | 2.1 | 主要ブラウザ未対応 |
right | 基点の右辺からの距離 | 2.1 | |
rotation | ブロックレベル要素を反時計回りに回転 | 3.0 | 主要ブラウザ未対応 transformで代替 |
rotation-point | 回転の中心座標 | 3.0 | 主要ブラウザ未対応 |
ruby-align | ルビの揃え方 | 3.0 | |
ruby-merge | ルビの分割 | 3.0 | |
ruby-position | ルビの表示位置 | 3.0 | |
S | プロパティの意味(概要) | Ver | 備考 |
scroll-behavior | スムーズなスクロール | 3.0 | 主要ブラウザ未対応 |
size | ページサイズを定義 | 3.0 | |
speak | 読み上げ方法 | 2.1 | 主要ブラウザ未対応 |
speak-as | 音声の読上げ方法 | 3.0 | 主要ブラウザ未対応 |
speak-header | 表見出しの読み上げ方法 | 2.1 | 主要ブラウザ未対応 |
speak-numeral | 数字の読み方 | 2.1 | 主要ブラウザ未対応 |
speak-punctuation | 句読点や記号を読み上げるか | 2.1 | 主要ブラウザ未対応 |
speech-rate | 読み上げる速さ | 2.1 | 主要ブラウザ未対応 |
stress | アクセントの強弱 | 2.1 | 削除 voice-stressで代替 |
string-set | 文字列の格納 | 3.0 | 主要ブラウザ未対応 |
T | プロパティの意味(概要) | Ver | 備考 |
table-layout | テーブルの表示方法 | 2.1 | |
tab-size | タブ幅 | 3.0 | |
target | リンク先の開き方・開く位置 | 3.0 | 主要ブラウザ未対応 |
target-name | リンク先の開き方 | 3.0 | 主要ブラウザ未対応 |
target-new | リンク先を新しいウィンドウ・タブで開く | 3.0 | 主要ブラウザ未対応 |
target-position | 新しいウィンドウ・タブを開く位置 | 3.0 | 主要ブラウザ未対応 |
text-align | 横(水平)方向の文字位置 | 2.1 | CSS3にて機能拡張 |
text-align-last | 行揃え | 3.0 | 主要ブラウザ未対応 |
text-decoration | 文字の装飾線の表示 | 2.1 | CSS3にて機能変更 |
text-decoration-line | 文字の装飾線の位置を指定 | 3.0 | |
text-decoration-style | 文字の装飾線の種類を指定 | 3.0 | |
text-decoration-color | 文字の装飾線の色を指定 | 3.0 | |
text-emphasis | 圏点スタイルをまとめて指定 | 3.0 | |
text-emphasis-color | 圏点の色を指定 | 3.0 | |
text-emphasis-position | 圏点の位置を指定 | 3.0 | |
text-emphasis-style | 圏点の形を指定 | 3.0 | |
text-height | テキストの高さ | 3.0 | 主要ブラウザ未対応 |
text-indent | 1行目のインデント | 2.1 | CSS3にて機能拡張 |
text-justify | 両端揃えの調節方法 | 3.0 | |
text-overflow | オーバーフローしたテキストの省略表示 | 3.0 | |
text-rendering | 文字のレンダリング | 3.0 | 主要ブラウザ未対応 |
text-shadow | 文字の影付け | 3.0 | |
text-transform | 字形の変換 | 2.1 | CSS3にて機能拡張 |
text-underline-position | 文字下線の位置を指定 | 3.0 | |
top | 基点の上辺からの距離 | 2.1 | |
transform | 要素の変形 | 3.0 | |
transform-origin | 要素変形の起点 | 3.0 | |
transform-style | 要素重なり時の3D表示 | 3.0 | |
transition | トランジションの設定 | 3.0 | |
transition-delay | トランジションのディレイ | 3.0 | |
transition-duration | トランジションの再生時間 | 3.0 | |
transition-property | トランジション対象のCSSプロパティ | 3.0 | |
transition-timing-function | トランジションの速度 | 3.0 | |
touch-action | タッチ操作のスクロールとズーム | 3.0 | 主要ブラウザ未対応 |
U | プロパティの意味(概要) | Ver | 備考 |
unicode-bidi | 双方向アルゴリズムの変更 | 2.1 | |
V | プロパティの意味(概要) | Ver | 備考 |
vertical-align | 縦(垂直)方向の文字位置 | 2.1 | |
visibility | 表示の有無 | 2.1 | |
voice-balance | 音声の左右のバランス | 3.0 | 主要ブラウザ未対応 |
voice-duration | 音声再生時間 | 3.0 | 主要ブラウザ未対応 |
voice-family | 声の種類 | 2.1 | CSS3にて機能拡張 主要ブラウザ未対応 |
voice-pitch | 音声の高さ | 3.0 | 主要ブラウザ未対応 |
voice-range | 音声の抑揚 | 3.0 | 主要ブラウザ未対応 |
voice-rate | 音声の速度 | 3.0 | 主要ブラウザ未対応 |
voice-stress | 音声の強調の度合い | 3.0 | 主要ブラウザ未対応 |
voice-volume | 音量 | 3.0 | 主要ブラウザ未対応 |
volume | 音量(ボリューム) | 2.1 | 主要ブラウザ未対応 |
W | プロパティの意味(概要) | Ver | 備考 |
white-space | 改行コード・タブ・スペースの表示 | 2.1 | |
widows | 次ページの先頭に最小限必要な行数 | 2.1 | |
will-change | 3.0 | 主要ブラウザ未対応 | |
width | 横幅 | 2.1 | |
word-break | 自動改行のルール | 3.0 | |
word-spacing | 単語の間隔 | 2.1 | |
word-wrap | 長い単語の改行ルール | 3.0 | |
writing-mode | 文字の縦書き | 3.0 | |
Z | プロパティの意味(概要) | Ver | 備考 |
z-index | ボックスの重なり順 | 2.1 | |
@規則(At-rule) | プロパティの意味(概要) | Ver | 備考 |
@charset | スタイルシートで使用される文字セットを定義 | 2.1 | |
@import | 指定した外部のスタイルシートを読み込む | 2.1 | |
@media | メディア毎の条件をを定義 | 2.1 | |
@document | 2.1 | 主要ブラウザ未対応 | |
@page | 文書(html)を印刷するとき定義 | 2.1 | |
@font-face | 使用する外部のフォントを定義 | 2.1 | |
@keyframes | アニメーションの動きを指定 | 3.0 | |
@viewport | スマホ等の表示制御 →metaのviewportで代替可能 | 2.1 | 主要ブラウザ未対応 |
@counter-style | 2.1 | 主要ブラウザ未対応 | |
@font-feature-values | 2.1 | 主要ブラウザ未対応 | |
@namespace | 2.1 | 主要ブラウザ未対応 |
当表の見方 | |
---|---|
Ver | CSSのバージョンを表示しています。2.1:CSS2.1 3.0:CSS3 |
備考 | CSS2.1のプロパティがCSS3で機能拡張されているかを表示しています。 |