CSS アウトラインの色
CSS アウトラインの色
outline-colorプロパティは、アウトラインの色を設定するために使用されます。
色は次の方法で設定できます。
- name - 「赤」などの色の名前を指定します
- HEX - 「#ff0000」などの16進数値を指定します
- RGB - 「rgb(255,0,0)」のようなRGB値を指定します
- HSL - 「hsl(0, 100%, 50%)」のようなHSL値を指定します
- invert - 色の反転を実行します(これにより、色の背景に関係なく、アウトラインが確実に表示されます)
次の例は、異なる色のいくつかの異なるアウトラインを示しています。また、これらの要素のアウトラインの内側にも細い黒い境界線があることに注意してください。
赤い実線のアウトライン
点線の青いアウトライン。
グレーのアウトライン。
例
p.ex1{
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2{
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3{
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
16進値
アウトラインの色は、16進数値(HEX)を使用して指定することもできます。
RGB値
または、RGB値を使用して:
HSL値
HSL値も使用できます。
HEX、RGB、HSL値の詳細については、CSSの色の章を参照してください。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。