CSS |边框-左宽度属性
原文:https://www . geesforgeks . org/CSS-border-left-width-property/
左边框宽度属性用于设置元素左边框的宽度。必须在边框左颜色属性之前声明边框样式或边框左样式属性。
语法:
border-left-width: medium|thin|thick|length|initial|inherit;
属性值
中:有默认值。它用于指定中等大小的左边框。
-
语法:
html border-left-width:medium; -
例:
```html <!DOCTYPE html>
CSS | border-left-width Property h1 { color: green; }h3 { border: solid green; border-left-width: medium; width: 50%; }
GeeksForGeeks
border-left-width:medium;
GeeksForGeeks
It is a computer science portal for geeks.
```
-
输出:
![]()
细:指定一条细的左边框。
-
语法:
html border-left-width:thin; -
例:
```html <!DOCTYPE html>
CSS | border-left-width Property h1 { color: green; }h3 { border: solid green; border-left-width: thin; width: 50%; }
GeeksForGeeks
border-left-width:thin;
GeeksForGeeks
It is a computer science portal for geeks.
```
-
输出:
![]()
粗:指定元素的左边框粗。
-
语法:
html border-left-width:thick; -
例:
```html <!DOCTYPE html>
CSS | border-left-width Property h1 { color: green; }h3 { border: solid green; border-left-width: thick; width: 50%; }
GeeksForGeeks
border-left-width:thick;
GeeksForGeeks
It is a computer science portal for geeks.
```
-
输出:
![]()
长度:以像素为单位指定左边框的厚度。
-
语法:
```html border-left-width: length;
```
-
例:
```html <!DOCTYPE html>
CSS | border-left-width Property h1 { color: green; }h3 { border: solid green; border-left-width: 10px; width: 50%; }
GeeksForGeeks
border-left-width:length;
GeeksForGeeks
It is a computer science portal for geeks.
```
-
输出:
![]()
初始值:将属性设置为默认值。
-
语法:
html border-left-width:initial; -
例:
```html <!DOCTYPE html>
CSS | border-left-width Property h1 { color: green; }h3 { border: solid green; border-left-width: initial; width: 50%; }
GeeksForGeeks
border-left-width:initial;
GeeksForGeeks
It is a computer science portal for geeks.
```
-
输出:
![]()
支持的浏览器:CSS 边框左宽属性支持的浏览器如下:
- 谷歌 Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- 歌剧 3.5
- 苹果 Safari 1.0
版权属于：月萌API www.moonapi.com，转载请注明出处
