国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

CSS outline（輪廓線）

cyqian / 1181人閱讀

摘要：的中文意思是輪廓線。是繪制于元素周?chē)囊粭l線，位于邊框邊緣的外圍，輪廓線不會(huì)占據(jù)空間，也不一定是矩形。定義點(diǎn)狀的輪廓。控制輪廓線寬不是線長(zhǎng)值描述規(guī)定細(xì)輪廓。規(guī)定中等的輪廓。允許您規(guī)定輪廓粗細(xì)的值。規(guī)定應(yīng)該從父元素繼承輪廓寬度的設(shè)置。

outline的中文意思是輪廓線。

是繪制于元素周?chē)囊粭l線，位于邊框(border)邊緣的外圍，

輪廓線不會(huì)占據(jù)空間，也不一定是矩形。

outline: color style width;    /* 簡(jiǎn)寫(xiě)方式 */

outline-color: #ff6700;    /* 分開(kāi)寫(xiě) */
outline-style: dashed;
outline-width: 5px;
CSS2的屬性，所有瀏覽器都支持 outline 屬性。如果規(guī)定了 !DOCTYPE，則 IE8 支持 outline 屬性。

這個(gè)樣式被用在 button和input等一些元素的默認(rèn)樣式中，很多時(shí)候都是不需要這個(gè)默認(rèn)樣式的。這也是一個(gè)很容易讓人遺忘的樣式。（我大概忘記它5、6次了吧，剛好用到就順便記下來(lái)了）

outline-color

控制輪廓顏色

值 描述
color_name 規(guī)定顏色值為顏色名稱(chēng)的輪廓顏色
hex_number 規(guī)定顏色值為十六進(jìn)制值的輪廓顏色（比如 #ff0000）。
rgb_number 規(guī)定顏色值為 rgb 代碼的輪廓顏色（比如 rgb(255,0,0)）。
invert 默認(rèn)。執(zhí)行顏色反轉(zhuǎn)（逆向的顏色）。可使輪廓在不同的背景顏色中都是可見(jiàn)。
outline-style

控制輪廓樣式

值 描述
none 默認(rèn)。定義無(wú)輪廓。
dotted 定義點(diǎn)狀的輪廓。
dashed 定義虛線輪廓。
solid 定義實(shí)線輪廓。
double 定義雙線輪廓。雙線的寬度等同于 outline-width 的值。
groove 定義 3D 凹槽輪廓。此效果取決于 outline-color 值。
ridge 定義 3D 凸槽輪廓。此效果取決于 outline-color 值。
inset 定義 3D 凹邊輪廓。此效果取決于 outline-color 值。
outset 定義 3D 凸邊輪廓。此效果取決于 outline-color 值。
outline-width

控制輪廓線寬（不是線長(zhǎng)）

值 描述
thin 規(guī)定細(xì)輪廓。
medium 默認(rèn)。規(guī)定中等的輪廓。
thick 規(guī)定粗的輪廓。
length 允許您規(guī)定輪廓粗細(xì)的值。
inherit 規(guī)定應(yīng)該從父元素繼承輪廓寬度的設(shè)置。
demo

效果：

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/112442.html

相關(guān)文章

  • CSS魔法堂：那個(gè)被我們忽略的outline

    摘要：真心沒(méi)法弄出圓角自從有了后，我們就可以通過(guò)制作圓角矩形圓形等圖形，甚至連也受到影響從而實(shí)現(xiàn)元素陰影也能做到圓角的效果。那么是否也能做出圓角的效果呢答案是否定的。 前言 ?在CSS魔法堂：改變單選框顏色就這么吹毛求疵！中我們要模擬原生單選框通過(guò)Tab鍵獲得焦點(diǎn)的效果，這里涉及到一個(gè)常常被忽略的屬性——outline，由于之前對(duì)其印象確實(shí)有些模糊，于是本文打算對(duì)其進(jìn)行稍微深入的研究^_^ ...

    Rocko 評(píng)論0 收藏0

  • CSS 邊框 輪廓 陰影

    摘要：概覽邊框本應(yīng)該在盒模型一文中一并介紹，只因?yàn)楸苊馄^長(zhǎng)特獨(dú)立此文與輪廓和陰影一并介紹。之所以將邊框，輪廓和陰影一并介紹，看下圖就明白了輪廓是繪制于元素周?chē)囊粭l線，位于邊框邊緣的外圍，可起到突出元素的作用。水平陰影的位置。陰影擴(kuò)散的尺寸。 概覽 邊框本應(yīng)該在盒模型一文中一并介紹，只因 為避免篇幅較長(zhǎng)特獨(dú)立此文與輪廓和陰影一并介紹。 之所以將邊框，輪廓和陰影一并介紹，看下圖就明白了： ...

    姘存按 評(píng)論0 收藏0

  • CSS揭秘之多重邊框

    摘要：多重邊框的兩種實(shí)現(xiàn)方案以由逗號(hào)分隔的列表來(lái)描述一個(gè)或多個(gè)陰影效果。輪廓與邊框在以下幾個(gè)方面存在不同輪廓不占據(jù)空間，它們被描繪于內(nèi)容之上輪廓可以是非矩形的。是元素的輪廓，懸浮在元素邊框之上。也就是說(shuō)，它們之間的顏色會(huì)繼承父元素的背景色。 多重邊框的兩種實(shí)現(xiàn)方案： border-shadow outline Mutiple border ...

    liuyix 評(píng)論0 收藏0

  • 【譯】下一代選擇器：CSS4

    摘要：默認(rèn)選項(xiàng)偽類(lèi)偽類(lèi)會(huì)匹配那些在一組相關(guān)的集合中作為默認(rèn)選項(xiàng)的元素。瀏覽器對(duì)和支持范圍偽類(lèi)和這兩個(gè)偽類(lèi)對(duì)于那些要求數(shù)據(jù)介于一個(gè)指定范圍的表單元素是非常有用的。因而應(yīng)該像這樣子的注意默認(rèn)值是，不在數(shù)據(jù)允許的范圍之內(nèi)。 2014年1月，我寫(xiě)了一篇文章：The Current Generation of CSS3 Selectors，這篇文章的目的是介紹一些CSS3中新增的選擇器。文中的選擇器已...

    yangrd 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<