描述:
繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用.不佔據空間.
在IE下不可用.
屬性 | 描述 | 備註 |
outline | 複合屬性 設定或擷取物件外的線條輪廓,外輪廓(outline)畫在邊框(border)的外面,不一定是矩形 |
outline:outline-color||outline-style||outline-width |
outline-color | 設定或擷取物件外的線條輪廓的顏色 | color:顏色 invert:預設值,使用背景色的反色 |
outline-style | 設定或擷取物件外的線條輪廓的樣式 | none:預設值 dotted:點線外輪廓 dashed:虛線外輪廓 solid:實線外輪廓 double:雙線外輪廓 groove:根據outline-color的值畫3D凹槽外輪廓 ridge:根據outline-color的值畫3D凸槽外輪廓 inset:根據outline- color的值畫3D凹邊外輪廓 outset:根據outline-color的值畫3D凸邊外輪廓 |
##設定或檢索物件外的線條輪廓的寬度 | medium:預設.預設寬度 | thick:大於預設寬度 length:長度 |
實例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
|
在Firefox下效果
以上是CSS中Outlines輪廓的具體分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!