HTML | DOM 样式 borderBottom 属性(1)

📌 相关文章

📜 HTML | DOM 样式 borderBottom 属性(1)

📅 最后修改于: 2023-12-03 14:41:49.831000 🧑 作者: Mango

HTML | DOM 样式 borderBottom 属性

概述

borderBottom 属性定义下边框的样式。该属性是 border-style, border-width 和 border-color 属性的简写属性。

语法

selector {
  border-bottom: border-style border-width border-color|initial|inherit;
}

值

border-style: 取值范围与 border-style 属性相同，指定下边框的样式。默认值为 none。
border-width: 取值范围与 border-width 属性相同，指定下边框的宽度。默认值为 medium。
border-color: 取值范围与 border-color 属性相同，指定下边框的颜色。默认值为黑色(black)。

实例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>borderBottom 属性示例</title>
    <style type="text/css">
      p { 
        border-bottom: 2px solid red; 
      } 
    </style>
  </head>
  <body>
      <p>下边框是粗细为 2px 的红色实线。</p>
  </body>
</html>

浏览器兼容性

borderBottom 属性在所有现代浏览器中都得到支持。对于IE8及更早版本需要使用 borderBottomStyle, borderBottomWidth, borderBottomColor 取代。