diff --git a/zh-cn/application-dev/reference/arkui-js/js-components-common-styles.md b/zh-cn/application-dev/reference/arkui-js/js-components-common-styles.md
index 3602290d6d3f61a062954db9308818961fb0b6f5..7dc1e4826365a6abac32d43ed79cf42b991b168e 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-components-common-styles.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-components-common-styles.md
@@ -41,7 +41,7 @@
| backdrop-filter5+ | string | - | 语法：backdrop-filter: blur(px)
通过这个样式可以设置当前组件布局范围的背景模糊，参数用于指定模糊半径，如果没有设置值，则默认是0(不模糊)，不支持百分比。
示例：
- backdrop-filter: blur(10px) |
| window-filter5+ | string | - | 语法：window-filter: blur(percent), style5+
通过这个样式可以设置当前组件布局范围的窗口模糊程度和模糊样式，如果没有设置值，则默认是0%(不模糊)，多块模糊区域时不支持设置不同的模糊值和模糊样式。style可选值：small_light(默认值), medium_light, large_light, xlarge_light, small_dark, medium_dark, large_dark, xlarge_dark。
示例：
- window-filter: blur(50%)
- window-filter: blur(10%), large_light |
| opacity | number | 1 | 元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。 |
-| display | string | flex | 确定一个元素所产生的框的类型，可选值为：
- flex：弹性布局。
- none：不渲染此元素。
-grid：网格布局（仅div支持display样式设置为grid）。 |
+| display | string | flex | 确定一个元素所产生的框的类型，可选值为：
- flex：弹性布局。
- none：不渲染此元素。
- grid：网格布局（仅div支持display样式设置为grid）。 |
| visibility | string | visible | 是否显示元素所产生的框。不可见的框会占用布局（将'display'属性设置为'none'来完全去除框），可选值为：
- visible：元素正常显示。
- hidden：隐藏元素，但是其他元素的布局不改变，相当于此元素变成透明。
visibility和display样式都设置时，仅display生效。 |
| flex | number \| string | - | 规定当前组件如何适应父组件中的可用空间。
flex可以指定1个、2个5+或3个5+值。
单值语法：
- 一个无单位数：用来设置组件的flex-grow。
- 一个有效的宽度值5+：用来设置组件的flex-basis。
双值语法5+：
第一个值必须是无单位数，用来设置组件的flex-grow。第二个值是以下之一：
- 一个无单位数：用来设置组件的flex-shrink。
- 一个有效的宽度值：用来设置组件的flex-basis。
三值语法5+：
第一个值必须是无单位数，用来设置组件的flex-grow；第二个值必须是无单位数，用来设置组件的flex-shrink；第三个值必须是一个有效的宽度值，用来设置组件的flex-basis。
仅父容器为<div>、<list-item>、<tabs>、<refresh>、<stepper-item>5+时生效。 |
| flex-grow | number | 0 | 设置组件的拉伸样式，指定父组件容器主轴方向上剩余空间（容器本身大小减去所有flex子元素占用的大小）的分配权重。0为不伸展。
仅父容器为<div>、<list-item>、<tabs>、<refresh>、<stepper-item>5+时生效。 |