w3-notes logo

cocochido

HTML/CSSリファレンス

CSS データ型

基本型

識別子として使用するユーザー定義の任意の文字列を表す。
任意の文字列を表す。
リソースを特定するためのURLを表す。
数値のゼロを表す。
整数値を表す。
実数値を表す。
単位を含む数値を表す。
パーセントによる比率を表す。
単位を指定して長さを表す。
単位を指定して角度を表す。
単位を指定して時間の長さを表す。
単位を指定して周波数を表す。
単位を指定して解像度を表す。
コンテナ内部の可変の長さを表す。
<length>型または<percentage>型の値を表す。
<frequency>型または<percentage>型の値を表す。
<angle>型または<percentage>型の値を表す。
<time>型または<percentage>型の値を表す。
コンテンツ領域からの相対的な位置を表す。
画面の割合を表す。
HTML要素の属性名を示す。
attr()関数の参照する属性が見つからないときの規定値を表す。
attr()関数が参照する属性の型または単位を指定する。
calc()関数の引数として与える乗算または除算を表す。
calc()関数の引数として与える加算または減算を表す。
calc()関数の引数として与える値を示す。
toggle()関数の引数として与える値のリストを表す。

カラー

sRGB色空間の色を表す。
16進表記で指定したRGB色を表す。
定義済のカラーキーワードを表す。
rgb()関数に指定するアルファ値を表す。
非推奨のカラーキーワードを表す。

イメージ

画像を表す。
背景色や背景画像の混合方法を指定する。
画像のフィルタ効果を表す。
グラデーションした画像を表す。

背景

対象とするボックスの位置を指定する。
背景の固定のし方、スクロールのし方を指定する。
対象となる要素の繰返し方法を指定する。
要素の背景画像を表す。
対象要素の背景サイズ調整方法を表す。
要素ボックスからの相対的な位置を表す。
影の表現方法を表す。

アニメーション

アニメーションを識別する名称を表す。
アニメーションの変化のスピードを表す。
アニメーションの向きを表す。
アニメーション開始前、終了後の対象要素のスタイルを表す。
アニメーションの繰り返し回数を表す。
アニメーションが実行中なのか、停止中なのかを表す。
3次ベジェ曲線により変化スピードを表現する。
ステップ関数により変化スピードを表す。
ステップ関数のステップポシジションを指定する。

形状

要素の回転・拡大・縮小、歪曲、移動の組み合わせを表す。
要素の外枠となる形状を表す。
要素の外枠となる形状を表す。
円または扇形の半径を表す。
矩形、円、扇形、ポリゴンなどの形状を表す。

その他

カウンタの名称を表す。
カウンタのスタイルを表す。
グリッドレイアウトのグリッドラインを表す。
引用符を表す。
© 2020 ここちい堂. All rights reserved.