首頁 > web前端 > 前端問答 > css border-left屬性怎麼用

css border-left屬性怎麼用

青灯夜游
發布: 2019-05-30 14:35:07
原創
3815 人瀏覽過

css border-left屬性是一個簡寫屬性,用於在一個聲明中設定左邊框的所有屬性(寬度、邊框樣式、顏色)。如果不設定其中的某個值,也不會出問題,例如 border-left:solid #ff0000; 也是允許的。

css border-left屬性怎麼用

css border-left屬性怎麼用?

border-left屬性把左邊框的所有屬性設定到一個宣告中。

說明:

可以依序設定下列屬性:

● border-left-width:規定左邊框的寬度。

● border-left-style:規定左邊框的樣式。

● border-left-color:規定左邊框的顏色。

如果不設定其中的某個值,也不會出問題,例如 border-left:solid #ff0000; 也是允許的。

註解:IE7 以及更早版本的瀏覽器不支援值 "inherit"。 IE8 需要 !DOCTYPE。 IE9 支援 "inherit"。

css border-left屬性 範例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p 
{
border-style:solid;
border-left:thick double #ff0000;
}
</style>
</head>
<body>
<p>这是一段文字。</p>
</body>
</html>
登入後複製

效果圖:

css border-left屬性怎麼用

以上是css border-left屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板