colorプロパティの使い方・サンプルコード
Sara
color
colorプロパティは、テキストの色を指定します。
デモ：color プロパティ
テキストを赤くします。
使用できる値
セレクタ {
color: ここに値を指定;
}
| 値 | |
|---|---|
| 色の指定 | キーワード, HEX形式, RGB形式などで色を指定します。 |
① キーワードで指定する場合
セレクタ {
color: red;
}
② HEX形式で指定する場合
セレクタ {
color: #ff0000;
}
③ RGB形式で指定する場合
セレクタ {
color: rgb(255, 0, 0);
}
使用例
HTML
テキストを<span class="text-red">赤く</span>します。CSS
.text-red {
color: red;
}
実行結果
テキストを赤くします。
対応ブラウザ
関連するHTML要素
関連するCSSプロパティ
- background-color：背景色の指定
Subscribe
0 Comments
ABOUT ME
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
>> 詳しいプロフィールはこちら
>> 書籍を出版しました！
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
>> 詳しいプロフィールはこちら
>> 書籍を出版しました！
