CSS border 属性

设置四个边框样式:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p {
      border: 5px solid red;
    }
  </style>
</head>

<body>
  <p>段落中的一些文本。</p>
</body>
</html>

尝试一下 »


标签定义及使用说明

缩写边框属性设置在一个声明中所有的边框属性。/p>

可以设置的属性分别(按顺序):border-width, border-style,和border-color.

如果上述值缺少一个没有关系,例如border:#FF0000;是允许的。

默认值: not specified
继承: no
版本: CSS1
JavaScript 语法: object object.style.border="3px solid blue"

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性




border 1.0 4.0 1.0 1.0 3.5

属性值

说明
border-width 指定边框的宽度
border-style 指定边框的样式
border-color 指定边框的颜色
inherit 指定应该从父元素继承border属性值

相关文章

CSS 教程: CSS Border