CSS | 边框内联属性

CSS边框内联属性是指控制HTML元素边框的CSS属性，它们可以用来设置边框的样式、宽度和颜色。以下是一些主要的CSS边框内联属性：

border-style

用于设置边框的样式，共有九种可选值：none、hidden、dotted、dashed、solid、double、groove、ridge和inset。这些值可以单独使用，也可以通过使用多个值来创建复合样式。

/* 设置边框样式为实线 */
border-style: solid;

border-width

用于设置边框的宽度，宽度可以以像素、em、rem或百分比的形式指定。与border-style一样，它也可以单独使用，也可以通过使用多个值来创建复合样式。

/* 设置边框宽度为2px */
border-width: 2px;

border-color

用于设置边框的颜色，颜色可以使用16进制、rgb或颜色名称来指定。与border-style和border-width一样，它也可以单独使用，也可以通过使用多个值来创建复合样式。

/* 设置边框颜色为灰色 */
border-color: #ccc;

border

用于设置边框的样式、宽度和颜色。这些值可以按顺序或通过关键字来指定。如果省略某个值，则默认值为medium和currentColor（当前的文本颜色）。

/* 设置边框为双线，宽度为2px，颜色为灰色 */
border: double 2px #ccc;

border-radius

用于设置边框的圆角，可以按角度、像素或百分比来指定。这个属性可以为元素的每个角独立指定圆角大小。

/* 设置左上角和右下角圆角为10px */
border-radius: 10px 0 0 10px;

以上是CSS边框内联属性的一些常用属性，通过使用它们，可以创造出独特且美观的边框样式。