CSS辞典 CSS辞典 var()関数の解説 CSS変数を使用する「var()関数」の使用方法を記載概要・使用方法{ プロパティ:var(変数); }「var()関数」はCSS変数を使うことができます。※internetExplorerでは未サポートです。プログラム言語の変数どうよう値を一時的に保存しておくための箱になります。数字をいれておけばカウンタアップなどもすることができます。CSS変数を定義するには2つのハイフン(--)に続けて変数名... 2022.07.10 CSS辞典WEB関数
CSS辞典 CSS辞典 repeat()関数の解説 グリッドレイアウトでトラックの幅の指定を繰り返す「repeat()関数」の使用方法を記載概要・使用方法{ プロパティ:repeat(繰り返す回数,トラックの幅); }「repeat()関数」、グリッドレイアウトのトラック幅の指定を繰り返すことができます。internetexplorerでは未対応です。この関数はgrid-template-columnsプロパティとgrid-template-row... 2022.07.10 CSS辞典WEB関数
CSS辞典 CSS辞典 minmax()関数の解説 グリッドレイアウトでトラックの幅の最小値と最大値を指定するminmax()関数の使用方法を記載概要・使用方法{ プロパティ:minmax(最小値,最大値)}「minmax()関数」、グリッドレイアウトでトラックの幅の最小値と最大値をまとめて指定できます。上記図のように、ウィンドウ幅に余裕があり収まる場合は、minmax()関数で指定した最大値が採用され、ウィンドウ幅に余裕がなく収まらない場合は、最... 2022.07.10 CSS辞典WEB関数
CSS辞典 CSS辞典 hsl()関数、hsla()関数の解説 色をHSL・HSLaで指定するhsl()関数、hsla()関数の使用方法を記載概要・使用方法{ プロパティ:hsl(色相,彩度,明度)}{ プロパティ:hsla(色相,彩度,明度,透明度)}「hsl()関数」、またはhsla()関数は、色をHSL、HSLaカラーモデルで指定することができます。透明度を指定した場合は、重なりあった領域は色が混じり合います。色相、彩度、明度、透明度色相色相環上の0~3... 2022.07.10 CSS辞典WEB関数
CSS辞典 CSS辞典 rgb()関数、rgba()関数の解説 色をRGB・RGBaで指定するrgb()関数、rgba()関数の使用方法を記載概要・使用方法{ プロパティ:rgb(赤,緑,青)}{ プロパティ:rgba(赤,緑,青,透明度)}「rgb()関数」、またはrgba()関数は、色をRGB、RGBaカラーモデルで指定することができます。透明度を指定した場合は、重なりあった領域は色が混じり合います。赤、緑、青、透明度赤,緑,青RGB(赤、緑、青)の色はカ... 2022.07.10 CSS辞典WEB関数
CSS辞典 CSS辞典 attr()関数の解説 属性値を取得するattr()関数の使用方法を記載概要・使用方法{ プロパティ:attr(属性)}「attr()関数」は選択要素の属性値取得しCSSで使うことができます。主に::beforeと::after疑似要素で、contetプロパティと一緒に使用します。属性属性名属性値を取得した属性名サンプルコード1hrefプロパティの値をattr()関数で取得して、::after疑似要素で表示。サンプルコー... 2022.07.10 CSS辞典WEB関数
CSS辞典 CSS辞典 counter()関数の解説 カウンターを使用するcounter()関数の使用方法を記載概要・使用方法{ プロパティ:counter(キーワード)}「counter()関数」は、自動連番のようなカウンター機能を付けることができます。多くはcounter-resetプロパティ、counter-incrementプロパティと一緒に使用する。キーワードキーワード任意の文字列。半角数字からはじめることはできない。サンプルコードサンプル... 2022.07.09 CSS辞典WEB関数
CSS辞典 CSS辞典 radial-gradient関数、repeating-radial-gradient関数の解説 円形のグラデーションを表示する「radial-gradient関数」、円形のグラデーションを繰り返して表示する「repeating-radial-gradient関数」の使用方法を記載 2022.06.19 CSS辞典WEB背景関数
CSS辞典 CSS辞典 linear-gradient関数、repeating-linear-gradient関数の解説 線形のグラデーションを表示する「linear-gradient関数」、線形のグラデーションを繰り返して表示する「repeating-linear-gradient関数」の使用方法を記載 2022.06.19 CSS辞典WEB背景関数