From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/border-left-width/index.html | 143 +++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 files/zh-cn/web/css/border-left-width/index.html (limited to 'files/zh-cn/web/css/border-left-width') diff --git a/files/zh-cn/web/css/border-left-width/index.html b/files/zh-cn/web/css/border-left-width/index.html new file mode 100644 index 0000000000..af8c580ccf --- /dev/null +++ b/files/zh-cn/web/css/border-left-width/index.html @@ -0,0 +1,143 @@ +--- +title: border-left-width +slug: Web/CSS/border-left-width +tags: + - CSS + - CSS属性 + - CSS边框 +translation_of: Web/CSS/border-left-width +--- +
{{CSSRef}}
+ +

CSS 的 border-left-width 属性用来设置盒子的左边框的宽度。

+ +
{{EmbedInteractiveExample("pages/css/border-left-width.html")}}
+ + + +

语法

+ +
/* 关键字数值  */
+border-left-width: thin;
+border-left-width: medium;
+border-left-width: thick;
+
+/* 长度数值 */
+border-left-width: 10em;
+border-left-width: 3vmax;
+border-left-width: 6px;
+
+/* 全局关键字 */
+border-left-width: inherit;
+border-left-width: initial;
+border-left-width: unset;
+ +

数值

+ +
+
<br-width>
+
定义边框的宽度，或者作为显性非负的长度值 {{cssxref("<length>")}} 或者是关键字. 如果他是一个关键字，它必须是下列值的一种： + + + + + + + + + + + + + + + + + + +
thin +
 
+ 		一个细边框
medium +
 
+ 		一个中等边框
thick +
 
+ 		一个粗边框
+ +
+

笔记: 因为规范没有定义每个关键字表示的确切厚度，当使用其中之一的关键字时，需要具体实施才知道确切结果。不过，它们通常遵循下面的模式 thin ≤ medium ≤ thick, 在单独文档中这些值内部是恒定不变的。

+
+
+
+ +

形式语法

+ +
{{csssyntax}}
+ +

例子

+ +

HTML

+ +
<div>Element 1</div>
+<div>Element 2</div>
+ +

CSS

+ +
div {
+  border: 1px solid red;
+  margin: 1em 0;
+}
+
+div:nth-child(1) {
+  border-left-width: thick;
+}
+div:nth-child(2) {
+  border-left-width: 2em;
+}
+ +

结果

+ +

{{EmbedLiveSample('Example', '100%')}}

+ +

规格

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS3 Backgrounds', '#the-border-width', 'border-left-width')}}{{Spec2('CSS3 Backgrounds')}}没有规格变化.
{{SpecName('CSS2.1', 'box.html#border-width-properties', 'border-left-width')}}{{Spec2('CSS2.1')}}没有规格变化
{{SpecName('CSS1', '#border-left-width', 'border-left-width')}}{{Spec2('CSS1')}}最初的定义
+ +

{{cssinfo}}

+ +

浏览器兼容性

+ + + +

{{Compat("css.properties.border-left-width")}}

+ +

其他

+ + -- cgit v1.2.3-54-g00ecf