ホームページ > ウェブフロントエンド > フロントエンドQ&A > color は CSS3 の新しい属性ですか?

color は CSS3 の新しい属性ですか?

WBOY
リリース: 2022-04-22 17:10:23
オリジナル
1811 人が閲覧しました

Color は CSS3 の新しい属性ではありません。color 属性は CSS1 から使用されています。color 属性は、テキストの色を指定するために使用されます。色名、16 進文字、RGB (赤、緑) を使用できます、青)、RGBA、HSL(色相、彩度、明度)、および HSLA メソッドを使用して色を設定します。

color は CSS3 の新しい属性ですか?

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

color は css3 の新しい属性ですか?

Color は css3 の新しい属性ではありません

カラー バージョン: CSS1

color 属性は色を指定しますテキストの。

この属性は、要素の前景色 (HTML 表現では要素のテキストの色) を設定します。ラスター イメージは色の影響を受けません。この色は、border-color または別の border-color プロパティによってオーバーライドされない限り、要素のすべての境界線にも適用されます。

要素の前景色を設定するには、color 属性を使用するのが最も簡単な方法です。

カラー値は次の方法で設定できます。

  • カラー名 赤、青、茶色、ライトシーグリーンなどのカラー名は設定できません。大文字と小文字を区別 。

  • Hex 16 進記号 #RRGGBB および #RGB (#ff0000 など)。 「#」の後に 6 文字または 3 文字の 16 進文字 (0 ~ 9、A ~ F) が続きます。

  • RGB、赤緑青 (RGB) は、RGB コードの色として色の値を指定します。関数の形式は rgb(R,G,B) です。値は次のとおりです。 0 ~ 255 の整数またはパーセンテージを指定します。

  • RGBA、赤-緑-青-アルファ (RGBa) RGBa は、RGB カラー モードを拡張してアルファ チャネルを含め、色の透明度を設定できるようにします。 a は透明度を表します: 0=透明、1=不透明。

  • HSL、色相-彩度-明度 (色相-彩度-明度) 色相 (色相) は、カラー ホイール (つまり、虹を表すリング) の角度を表します。

彩度と明るさはパーセンテージで表されます。

100% は完全な彩度、0% はグレースケールです。

明度 100% は白、明度 0% は黒、明度 50% は「標準」です。

  • HSLA、色相-彩度-明度-アルファ (HSLa) HSLa は HSL カラー モードから拡張され、色の透明度を指定できるアルファ チャネルが含まれています。 a は透明度を表します: 0=透明、1=不透明。

例は次のとおりです。

body {color: #92a8d1;}
body {color: rgb(255,0,51);}
body {color: rgba(255,0,0,0.7);}
body {color: hsl(120,100%,25%) ;}
body {color: hsla(240,100%,50%, 0.7);}
ログイン後にコピー

出力結果は次のとおりです。

color は CSS3 の新しい属性ですか?

color は CSS3 の新しい属性ですか?

color は CSS3 の新しい属性ですか?

color は CSS3 の新しい属性ですか?

color は CSS3 の新しい属性ですか?

##(学習ビデオ共有:

css ビデオ チュートリアル)

以上がcolor は CSS3 の新しい属性ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート