border-style 边框风格属性

border-style 是 CSS 的一个边框风格属性，用于设置 HTML 元素的边框样式。它可以接受一个或多个值，每个值对应一个边框线。常见的值包括：

- none：无边框；
- solid：实线边框；
- dashed：虚线边框；
- dotted：点线边框；
- double：双线边框；
- groove：3D 凹槽边框；
- ridge：3D 垄状边框；
- inset：3D 凹陷边框；
- outset：3D 凸起边框。

例如，border-style: solid dashed dotted double; 表示元素顶部边框为实线，右侧边框为虚线，底部边框为点线，左侧边框为双线。如果只设置一个值，表示所有边框的样式都相同。

相关问题

FONT-SIZE: 12px; FONT-FAMILY: verdana; BORDER-COLLAPSE: collapse 帮我换成css写法

在CSS中，这些是分别表示字体大小、字体家族和边框合并的属性：

1. 字体大小（Font Size）：用 `font-size` 属性来设置，例如：

   .your-class {
       font-size: 12px;
   }

或者直接在元素上应用：

   <p style="font-size: 12px;">这是12像素字体大小的段落</p>

2. 字体家族（Font Family）：用 `font-family` 属性来设定，例如：

   .your-class {
       font-family: verdana, sans-serif;
   }  

其中，`verdana` 是首选字体，如果用户计算机上没有安装 verdana，则会尝试加载系统可用的 sans-serif 风格字体。

3. 边框合并（Border Collapse）：CSS本身并没有直接的 `BORDER-COLLAPSE` 属性，但是可以使用 `border-collapse` 属性来控制表格边框是否合并成单一线条。对于表格 `table`，应该这么写：

   table {
       border-collapse: collapse;
   }

如果是其他元素，可能需要配合其他样式来达到类似的效果。

请注意，这些都是基本用法，实际应用中可能还会包含单位（如 `em`, `rem`, `pt`, `px` 等）以及浏览器兼容性考虑。