新着! 44ページの電子書籍「CSS in 44 minutes」がリリースされました! 😃
#outline-color
要素のアウトラインの色を定義します。
default
outline-color: transparent;
アウトラインに透明色を適用します。アウトラインは、`outline-width`の値で定義された*スペース*を依然として占有します。
outline-color: red;
140以上のカラーネームのいずれかを使用できます。
outline-color: #05ffb0;
16進数カラーコードを使用できます。
outline-color: rgb(50, 115, 220);
rgb()カラーコードを使用できます
- 最初の値は`red`(赤)です
- 2番目の値は`green`(緑)です
- 3番目の値は`blue`(青)です
それぞれの値は0から255までの値を指定できます。
outline-color: rgba(50, 115, 220, 0.3);
rgba()カラーコードを使用できます
- 最初の3つの値は`rgb`です
- 4番目の値は`alpha`チャネル用で、色の不透明度を定義します
アルファ値はゼロ**0**(透明)から1**1**(不透明)までです。
outline-color: hsl(14, 100%, 53%);
hsl()カラーコードを使用できます
- 最初の値は`hue`(色相)で、0から359までです
- 2番目の値は`saturation`(彩度)で、0%から100%までです
- 3番目の値は`luminosity`(輝度)で、0%から100%までです
outline-color: hsla(14, 100%, 53%, 0.6);
hsl()aカラーコードを使用できます
- 最初の3つの値は`hsl`です
- 4番目の値は`alpha`チャネル用で、色の不透明度を定義します
アルファ値はゼロ**0**(透明)から1**1**(不透明)までです。