資訊專欄INFORMATION COLUMN
摘要：的中文意思是輪廓線。是繪制于元素周圍的一條線，位于邊框邊緣的外圍，輪廓線不會占據空間，也不一定是矩形。定義點狀的輪廓?？刂戚喞€寬不是線長值描述規(guī)定細輪廓。規(guī)定中等的輪廓。允許您規(guī)定輪廓粗細的值。規(guī)定應該從父元素繼承輪廓寬度的設置。
outline的中文意思是輪廓線。
是繪制于元素周圍的一條線，位于邊框(border)邊緣的外圍，
輪廓線不會占據空間，也不一定是矩形。
outline: color style width; /* 簡寫方式 */ outline-color: #ff6700; /* 分開寫 */ outline-style: dashed; outline-width: 5px;
CSS2的屬性，所有瀏覽器都支持 outline 屬性。如果規(guī)定了 !DOCTYPE，則 IE8 支持 outline 屬性。
這個樣式被用在 button和input等一些元素的默認樣式中，很多時候都是不需要這個默認樣式的。這也是一個很容易讓人遺忘的樣式。（我大概忘記它5、6次了吧，剛好用到就順便記下來了）
outline-color控制輪廓顏色
| 值 | 描述 |
|---|---|
| color_name | 規(guī)定顏色值為顏色名稱的輪廓顏色 |
| hex_number | 規(guī)定顏色值為十六進制值的輪廓顏色（比如 #ff0000）。 |
| rgb_number | 規(guī)定顏色值為 rgb 代碼的輪廓顏色（比如 rgb(255,0,0)）。 |
| invert | 默認。執(zhí)行顏色反轉（逆向的顏色）?？墒馆喞诓煌谋尘邦伾卸际强梢?。 |
控制輪廓樣式
| 值 | 描述 |
|---|---|
| none | 默認。定義無輪廓。 |
| dotted | 定義點狀的輪廓。 |
| dashed | 定義虛線輪廓。 |
| solid | 定義實線輪廓。 |
| double | 定義雙線輪廓。雙線的寬度等同于 outline-width 的值。 |
| groove | 定義 3D 凹槽輪廓。此效果取決于 outline-color 值。 |
| ridge | 定義 3D 凸槽輪廓。此效果取決于 outline-color 值。 |
| inset | 定義 3D 凹邊輪廓。此效果取決于 outline-color 值。 |
| outset | 定義 3D 凸邊輪廓。此效果取決于 outline-color 值。 |
控制輪廓線寬（不是線長）
| 值 | 描述 |
|---|---|
| thin | 規(guī)定細輪廓。 |
| medium | 默認。規(guī)定中等的輪廓。 |
| thick | 規(guī)定粗的輪廓。 |
| length | 允許您規(guī)定輪廓粗細的值。 |
| inherit | 規(guī)定應該從父元素繼承輪廓寬度的設置。 |
效果：
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/112442.html
摘要：真心沒法弄出圓角自從有了后，我們就可以通過制作圓角矩形圓形等圖形，甚至連也受到影響從而實現元素陰影也能做到圓角的效果。那么是否也能做出圓角的效果呢答案是否定的。 前言 ?在CSS魔法堂：改變單選框顏色就這么吹毛求疵！中我們要模擬原生單選框通過Tab鍵獲得焦點的效果，這里涉及到一個常常被忽略的屬性——outline，由于之前對其印象確實有些模糊，于是本文打算對其進行稍微深入的研究^_^ ...
摘要：概覽邊框本應該在盒模型一文中一并介紹，只因為避免篇幅較長特獨立此文與輪廓和陰影一并介紹。之所以將邊框，輪廓和陰影一并介紹，看下圖就明白了輪廓是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。水平陰影的位置。陰影擴散的尺寸。 概覽 邊框本應該在盒模型一文中一并介紹，只因 為避免篇幅較長特獨立此文與輪廓和陰影一并介紹。 之所以將邊框，輪廓和陰影一并介紹，看下圖就明白了： ...
摘要：多重邊框的兩種實現方案以由逗號分隔的列表來描述一個或多個陰影效果。輪廓與邊框在以下幾個方面存在不同輪廓不占據空間，它們被描繪于內容之上輪廓可以是非矩形的。是元素的輪廓，懸浮在元素邊框之上。也就是說，它們之間的顏色會繼承父元素的背景色。 多重邊框的兩種實現方案： border-shadow outline Mutiple border ...
摘要：默認選項偽類偽類會匹配那些在一組相關的集合中作為默認選項的元素。瀏覽器對和支持范圍偽類和這兩個偽類對于那些要求數據介于一個指定范圍的表單元素是非常有用的。因而應該像這樣子的注意默認值是，不在數據允許的范圍之內。 2014年1月，我寫了一篇文章：The Current Generation of CSS3 Selectors，這篇文章的目的是介紹一些CSS3中新增的選擇器。文中的選擇器已...
閱讀 1117·2023-04-26 02:26
閱讀 2240·2021-09-26 10:16
閱讀 1623·2019-08-30 12:57
閱讀 3530·2019-08-29 16:10
閱讀 3293·2019-08-29 13:47
閱讀 1289·2019-08-29 13:12
閱讀 2196·2019-08-29 11:11
閱讀 1394·2019-08-26 13:28
