大學生新聞網，大學生新聞發布平臺
CSS 輪廓（outline）屬性
CSS Outlines
輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
輪廓（outline）屬性指定了樣式，顏色和外邊框的寬度。
輪廓（outline）屬性的位置讓它不像邊框那樣參與到文檔流中，因此輪廓出現或消失時不會影響文檔流，即不會導致文檔的重新顯示。
輪廓（outline）實例
在元素周圍畫線
本例演示使用outline屬性在元素周圍畫一條線。.
設置輪廓的樣式
本例演示如何設置輪廓的樣式。
設置輪廓的顏色
本例演示如何設置輪廓的顏色。
設置輪廓的寬度
本例演示如何設置輪廓的寬度。
CSS 輪廓（outline）
輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。
提示：你可以在本站的《CSS參考手冊》中了解更多關于CSS outline屬性的信息。
所有CSS 輪廓（outline）屬性
"CSS" 列中的數字表示哪個CSS版本定義了該屬性(CSS1 或者CSS2)。
| 屬性 | 說明 | 值 | CSS |
|---|---|---|---|
| outline | 在一個聲明中設置所有的外邊框屬性 | outline-color outline-style outline-width inherit |
2 |
| outline-color | 設置外邊框的顏色 | color-name hex-number rgb-number invert inherit |
2 |
| outline-style | 設置外邊框的樣式 | none dotted dashed solid double groove ridge inset outset inherit |
2 |
| outline-width | 設置外邊框的寬度 | thin medium thick length inherit |
2 |
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-03-28 閱讀：
- 掃一掃 分享悅讀
- CSS Margin(外邊距)
- margin清除周圍的元素（外邊框）的區域。margin沒有背景顏色，是完全透明的
- 03-28 關注：0
- CSS 輪廓（outline）屬性
- 輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
- 03-28 關注：0
- CSS Border(邊框)
- CSS 邊框 (border) 可以是圍繞元素內容和內邊距的一條或多條線，對于這些線條，您可以自定義它們的樣式、寬度以及顏色。
- 03-28 關注：1
- CSS 盒子模型
- 所有HTML元素可以看作盒子，在CSS中，"box model"這一術語是用來設計和布局時使用。
- 03-28 關注：1
- CSS Table(表格)
- 垂直對齊屬性設置垂直對齊，比如頂部，底部或中間：
- 03-28 關注：1
- CSS 列表樣式(ul)
- 在單個屬性中可以指定所有的列表屬性。這就是所謂的縮寫屬性。
- 03-28 關注：1
- CSS 鏈接(link)
- 特別的鏈接，可以有不同的樣式，這取決于他們是什么狀態。
- 03-28 關注：1
- CSS Fonts(字體)
- CSS字體屬性定義字體，加粗，大小，文字樣式。
- 03-27 關注：4
-
客服QQ：471708534 大學生新聞網©版權所有