Color は CSS3 の新しい属性ではありません。color 属性は CSS1 から使用されています。color 属性は、テキストの色を指定するために使用されます。色名、16 進文字、RGB (赤、緑) を使用できます、青)、RGBA、HSL(色相、彩度、明度)、および HSLA メソッドを使用して色を設定します。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
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);}
出力結果は次のとおりです。
##(学習ビデオ共有:
css ビデオ チュートリアル)
以上がcolor は CSS3 の新しい属性ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。