這篇文章主要介紹了css中使用outline-style屬性的案例，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注于連城網站建設服務及定制，我們擁有豐富的企業(yè)做網站經驗。 熱誠為您提供連城營銷型網站建設，連城網站制作、連城網頁設計、連城網站官網定制、微信小程序服務，打造連城網絡公司原創(chuàng)品牌,更為您提供連城網站排名全網營銷落地服務。

輪廓是繪制于元素周圍的一條線，位于邊框邊緣的外圍。outline-style屬性用于設置元素的整個輪廓的樣式；不能設置該屬性的值為none，否則輪廓不會出現。

css outline-style屬性怎么用？

outline-style屬性用于設置元素的整個輪廓的樣式。樣式不能是 none，否則輪廓不會出現。

語法：

outline-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit;

屬性值：

●　none：默認。定義無輪廓。

●　dotted：定義點狀的輪廓。

●　dashed：定義虛線輪廓。

●　solid：定義實線輪廓。

●　double：定義雙線輪廓。雙線的寬度等同于 outline-width 的值。

●　groove：定義 3D 凹槽輪廓。此效果取決于 outline-color 值。

●　ridge：定義 3D 凸槽輪廓。此效果取決于 outline-color 值。

●　inset：定義 3D 凹邊輪廓。此效果取決于 outline-color 值。

●　outset：定義 3D 凸邊輪廓。此效果取決于 outline-color 值。

●　inherit：規(guī)定應該從父元素繼承輪廓樣式的設置。

說明：outline-style 屬性需始終在 outline-color 屬性之前聲明 ，因為元素只有獲得輪廓以后才能改變其輪廓的顏色。

注釋：

outline是圍繞元素，它是圍繞元素的邊距；但是，它是來自不同的邊框屬性。

輪廓不是元素尺寸的一部分，因此元素的寬度和高度屬性不包含輪廓的寬度。輪廓線不會占據空間，也不一定是矩形。

css outline-style屬性 示例

	
		
		
	

	

		
點線輪廓
		
虛線輪廓
		
實線輪廓
		
雙線輪廓
		
凹槽輪廓
		
壟狀輪廓
		
嵌入輪廓
		
外凸輪廓
		
注意: 如果只有一個 !DOCTYPE 指定 IE 8 支持 outline 屬性。
	

效果圖：

感謝你能夠認真閱讀完這篇文章，希望小編分享css中使用outline-style屬性的案例內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關注創(chuàng)新互聯(lián)網站制作公司行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)建站，詳細的解決方法等著你來學習!

分享文章：css中使用outline-style屬性的案例-創(chuàng)新互聯(lián)
鏈接URL：http://weahome.cn/article/dsojoc.html