w3-notes logo

cocochido

HTML/CSSリファレンス

CSS 関数

値取得

指定された長さを規則に従って制約する。
対象要素の属性値を取得する。
プロパティ値を指定するときに計算を行う。
変数(カスタムプロパティ)の値を取得する。
最小値を取得する。
最大値を取得する。
指定された値さ最小と最大の間に収まるように制約する。
最小値と最大値を指定して範囲を定義する。
ネストした対象要素のプロパティ値を循環配列により繰り返し設定する。
グリッドの行や列の繰り返しを定義する。

カラー

RGB色空間と不透明度で色を指定する。
RGB色空間と不透明度で色を指定する。
HSL色空間と不透明度で色を指定する。
HSL色空間と不透明度で色を指定する。
HWB色空間と不透明度で色を指定する。
Lab色空間と不透明度で色を指定する。
LCH色空間と不透明度で色を指定する。
CMYK色空間と不透明度で色を指定する。
明度を指定してグレー色を生成する。

イメージ

リソースの場所を表すURLを記述する。
画像リソースを生成する。
解像度に応じた画像のリストを生成する。
画像を指定の透過度で合成する。
指定したHTML要素から画像データを生成する。
線形のグラデーションを生成する。
放射状のグラデーションを生成する。
扇形のグラデーションを生成する。
線形のグラデーションを繰り返し生成する。
放射状のグラデーションを繰り返し生成する。
扇形のグラデーションを繰り返し生成する。

形状変換

4x4の3次元同次変換行列を定義する。
2次元同時変換行列を定義する。
3次元空間での移動操作を定義する。
2次元平面での移動操作を定義する。
2次元平面でのX軸方向の移動操作を定義する。
2次元平面でのY軸方向の移動操作を定義する。
3次元空間でのZ軸方向の移動操作を定義する。
3次元空間での拡大縮小操作を定義する。
2次元平面での拡大縮小操作を定義する。
2次元平面でのX軸方向の拡大縮小操作を定義する。
2次元平面でのY軸方向の拡大縮小操作を定義する。
3次元空間でのZ軸方向の拡大縮小操作を定義する。
3次元空間での回転操作を定義する。
2次元平面での回転操作を定義する。
2次元平面でのX軸に対する回転操作を定義する。
2次元平面でのY軸に対する回転操作を定義する。
3次元空間でのZ軸に対する回転操作を定義する。
2次元平面でのゆがみ操作を定義する。
2次元平面でのX軸方向のゆがみ操作を定義する。
2次元平面でのY軸方向のゆがみ操作を定義する。
3次元空間でのz=0平面と閲覧者の視点との距離を定める変換操作を定義する。

エフェクト

画像にガウシアンぼかしを適用する。
画像の明るさを変更する。
画像のコントラストを調整する。
画像にドロップシャドウを付ける。
画像をグレースケールに変換する。
画像の色相を回転させる。
画像の色サンプルを反転させる。
画像の色サンプルに不透明度を適用させる。
画像の彩度を変換する。
画像をセピア調に変換する。
ステップ関数を定義する。
3次ベジェ曲線を定義する。

図形

内側オフセットした矩形を生成する。
円を生成する。
楕円を生成する。
多角形を生成する。

リスト

指定した名称のカウンタの現在値を文字列で出力する。
指定した名称のカウンタの現在値をネストを考慮した文字列で出力する。
任意のカウンタスタイルを生成する。
© 2020 ここちい堂. All rights reserved.