CSS | 边框宽度属性

在 CSS 中，可以使用边框宽度属性设置 HTML 元素的边框宽度。

border-width

使用 border-width 属性可以设置元素的四个边（上、右、下、左）的边框宽度。可以使用一个值、两个值（上下相同，左右相同）或四个值（分别对应上右下左）来设置。

/* 语法 */
border-width: value;
border-width: value1 value2;
border-width: value1 value2 value3 value4;

/* 示例 */
border-width: 1px; /* 设置所有边框宽度为 1px */
border-width: 2px 1px; /* 上下边框宽度为 2px，左右边框宽度为 1px */
border-width: 2px 1px 3px 4px; /* 上边框宽度为 2px，右边框宽度为 1px，下边框宽度为 3px，左边框宽度为 4px */

border-top-width

使用 border-top-width 属性可以设置元素顶部边框的宽度。

/* 语法 */
border-top-width: value;

/* 示例 */
border-top-width: 1px; /* 设置顶部边框宽度为 1px */

border-right-width

使用 border-right-width 属性可以设置元素右侧边框的宽度。

/* 语法 */
border-right-width: value;

/* 示例 */
border-right-width: 1px; /* 设置右侧边框宽度为 1px */

border-bottom-width

使用 border-bottom-width 属性可以设置元素底部边框的宽度。

/* 语法 */
border-bottom-width: value;

/* 示例 */
border-bottom-width: 1px; /* 设置底部边框宽度为 1px */

border-left-width

使用 border-left-width 属性可以设置元素左侧边框的宽度。

/* 语法 */
border-left-width: value;

/* 示例 */
border-left-width: 1px; /* 设置左侧边框宽度为 1px */