新着! 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**(不透明)までです。