新!我的 44 頁電子書「44 分鐘學會 CSS」出爐了! 😃

立即取得 →

#outline-color

定義元素外框的顏色。

預設 outline-color: transparent;

透明顏色套用至外框。外框仍會佔用 outline-width 值所定義的空間

outline-color: red;

您可以使用140 多種顏色名稱之一。

outline-color: #05ffb0;

您可以使用十六進位顏色碼。

outline-color: rgb(50, 115, 220);

您可以使用rgb() 顏色碼

  • 第一個值代表紅色
  • 第二個值代表綠色
  • 第三個值代表藍色

每個值介於0255 之間。

outline-color: rgba(50, 115, 220, 0.3);

你可以使用 rgba() 顏色碼

  • 前 3 個值是 rgb
  • 第 4 個值是 alpha 通道,用來定義顏色的不透明度

alpha 值可以從 0(透明)到 1(不透明)

outline-color: hsl(14, 100%, 53%);

你可以使用 hsl() 顏色碼

  • 第一個值是 色相,範圍從 0359
  • 第二個值是 飽和度,範圍從 0%100%
  • 第三個值是 明度,範圍從 0%100%

outline-color: hsla(14, 100%, 53%, 0.6);

你可以使用 hsl()a 顏色碼

  • 前 3 個值是 hsl
  • 第 4 個值是 alpha 通道,用來定義顏色的不透明度

alpha 值可以從 0(透明)到 1(不透明)