Home >Web Front-end >CSS Tutorial >How to use css border-left-width property
How to use css border-left-width property
- silencementOriginal
- 2019-05-29 10:02:342226browse
css border-left-width 定义及用法
1. In CSS, the border-left-width property is used to set the width of the left border of an element. Similar attributes include: border-top-width attribute, border-bottom-width attribute, and border-right-width attribute. Their usage is the same as the border-left-width attribute.
2. Before setting the border-left-width attribute, you must first set the border style (border-style or border-left-style) to have an effect. Otherwise, the border style is none and the border width will be Resets to 0. It can be understood this way: there must be a border before there is a border width.
3. The border-left-width attribute value is not allowed to be a negative length value.
css border-left-width属性值
thin: Thin left border.
medium: Medium left border (default).
thick: Thick left border.
length: Customize the width of the left border.
inherit: Inherit the border width from the parent element.
Grammar format
border-left-width:thin / medium / length / inherit;
Example
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css border-left-width属性笔记</title>
<style>
p{border-style:solid;}
#blw1 {border-left-width:thin;}
#blw2 {border-left-width:medium;}
#blw3 {border-left-width:thick;}
#blw4 {border-left-width:10px;}
</style>
<head/>
<body>
<p id="blw1">细的左边框</p>
<p id="blw2">中等的左边框（默认）</p>
<p id="blw3">粗的左边框</p>
<p id="blw4">自定义左边框的宽度</p>
</body>
</html>Run result
The above is the detailed content of How to use css border-left-width property. For more information, please follow other related articles on the PHP Chinese website!