[zh-CN] update 'column-rule-width'

files/zh-cn/web/css/column-rule-width/index.md

@@ -1,50 +1,89 @@
 ---
 title: column-rule-width
 slug: Web/CSS/column-rule-width
+l10n:
+  sourceCommit: 489dbd4d8e2e099733d3bb04ad3f97678c54ac8e
 ---
 
 {{CSSRef}}
 
-CSS 特性 `column-rule-width` 让你可以设置在多列布局中被画在两列之间的规则（线条）的宽度。
+**`column-rule-width`** [CSS](/zh-CN/docs/Web/CSS) 属性设置多列布局中列之间绘制的线条的宽度。
 
-{{cssinfo}}
-
-## Syntax
+{{EmbedInteractiveExample("pages/css/column-rule-width.html")}}
 
-```
-Formal syntax: {{csssyntax("column-rule-width")}}
-```
+## 语法
 
-```
-/* Keyword values */
+```css
+/* 关键字值 */
 column-rule-width: thin;
 column-rule-width: medium;
 column-rule-width: thick;
 
-/* Length values */
+/* <length> 值 */
 column-rule-width: 1px;
 column-rule-width: 2.5em;
 
+/* 全局值 */
 column-rule-width: inherit;
+column-rule-width: initial;
+column-rule-width: revert;
+column-rule-width: revert-layer;
+column-rule-width: unset;
 ```
 
-### Values
+`column-rule-width` 属性被指定为单个 `<'border-width'>` 值。
+
+### 值
+
+- `<'border-width'>`
+  - : 是由 {{ cssxref("border-width") }} 定义的关键字，定义列规则的宽度。它可以是 {{cssxref("&lt;length&gt;")}} 或 `thin`、 `medium`、或 `thick` 关键字之一。
+
+## 形式定义
+
+{{cssinfo}}
 
-- \<br-width>
-  - : Is a {{cssxref("&lt;length&gt;")}} or one of the `thin`, `medium` or `thick` keyword describing the width of the rule separating two columns.
+## 形式语法
 
-## Example
+{{csssyntax}}
+
+## 示例
+
+### 设置属性宽度为 4px 的列规则
+
+#### HTML
+
+```html
+<p>
+  这是分成三列的文本。在 `column-rule-width`
+  属性中用于更改列与列之间的线条宽度。修改列之间线条的宽度。你不觉得这很棒吗？
+</p>
+```
+
+#### CSS
 
 ```css
-#header {
-  column-rule-width: thick;
+p {
+  column-count: 3;
+  column-rule-style: solid;
+  column-rule-width: 4px;
 }
 ```
 
-## Specifications
+#### 结果
+
+{{EmbedLiveSample("设置属性宽度为 4px 的列规则")}}
+
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
+
+## 参见
+
+- [多列布局](/zh-CN/docs/Learn/CSS/CSS_layout/Multiple-column_Layout)
+- {{CSSXref("column-rule-style")}}
+- {{CSSXref("column-rule-color")}}
+- {{CSSXref("column-rule")}}