How to use css border-left-width property-CSS Tutorial-php.cn

How to use css border-left-width property

silencement

Release： 2019-05-29 10:02:34

Original

2253 people have browsed it

How to use css border-left-width property

css border-left-width 定义及用法

Copy after login

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属性值

Copy after login

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;

Copy after login

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>

Copy after login

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!