CSS関数

CSSには以下の関数があります:

関数 説明 CSSバージョン
attr() 選択した要素の属性値を返します。 2
calc() CSSのプロパティ値の計算を可能にします。例えば、長さの値を動的に計算します。 3
cubic-bezier() ベジェ曲線(Cubic Bezier)を定義します。 3
conic-gradient() 円錐グラデーションを定義します。 3
counter() カウンターを設定します。 3
hsl() 色相、彩度、明度を使用して色を定義します。 3
hsla() 色相、彩度、明度、透明度を使用して色を定義します。 3
linear-gradient() 線形グラデーションの画像を作成します。 3
max() カンマ区切りの式のリストから最大値を選択してプロパティの値とします。 3
min() カンマ区切りの式のリストから最小値を選択してプロパティの値とします。 3
radial-gradient() 放射グラデーションを使用して画像を作成します。 3
repeating-linear-gradient() 繰り返しの線形グラデーションを使用して画像を作成します。 3
repeating-radial-gradient() radial-gradient() と似ていますが、繰り返しの放射グラデーションを使用して画像を作成します。 3
repeating-conic-gradient() 繰り返しの円錐グラデーションです。 3
rgb() 赤(R)、緑(G)、青(B)の3色の重ね合わせを使用して、さまざまな色を生成します。 2
rgba() 赤(R)、緑(G)、青(B)、透明度(A)の重ね合わせを使用して、さまざまな色を生成します。 3
var() カスタムプロパティ値を挿入するために使用します。 3
repeat() トラックリストの繰り返しフラグメントを表します。 3
minmax() 長さの範囲の閉区間を定義します。 3
その他の拡張