outline

語法:

outline:<' outline-width '> || <' outline-style '> || <' outline-color '>

預設值看每個獨立屬性

適用於:所有元素

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

相關屬性: <' outline-offset '>

取值:

<' outline-width '>:
指定輪廓邊框的寬度。
<' outline-style '>:
指定輪廓邊框的樣式。
<' outline-color '>:
指定輪廓邊框的顏色。

說明:

復合屬性。設定或檢索物件外的線條輪廓。outline畫在 <' border '> 外面
  • outlines相關屬性不占據布局空間,不會影響元素的尺寸;
  • outlines可能是非矩形;
  • 不允許類似 <' border '> 屬性那樣能將自身拆分為 <' border-top '> , <' border-right '> , <' border-bottom '> , <' border-left '>
  • 對應的腳本特性為outline

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-7.0 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
8.0+

示例: