查看“CSS border”的源代码


== 概览 ==

CSS 的 border 属性是一个用于设置各种单独的边界属性的简写属性。border 可以用于设置一个或多个以下属性的值：border-width、border-style、border-color。

<span id="borders-vs.-outlines"></span>
== Borders vs. outlines ==

边界（border）和轮廓（outline）很相似。然而轮廓在以下方面与边界不同：

轮廓不占据空间，他们在元素内容之外绘制。 根据规范，轮廓不必为矩形，尽管通常是矩形。

== 样例 ==

<syntaxhighlight lang="css">/* style */
border: solid;

/* width | style */
border: 2px dotted;

/* style | color */
border: outset #f33;

/* width | style | color */
border: medium dashed green;

/* Global values */
border: inherit;
border: initial;
border: unset;</syntaxhighlight>
== 形式语法 ==

<pre>border = 
  &lt;line-width&gt;  ||
  &lt;line-style&gt;  ||
  &lt;color&gt;       

&lt;line-width&gt; = 
  &lt;length [0,∞]&gt;  |
  thin            |
  medium          |
  thick           

&lt;line-style&gt; = 
  none    |
  hidden  |
  dotted  |
  dashed  |
  solid   |
  double  |
  groove  |
  ridge   |
  inset   |
  outset  </pre>