diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378422.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378422.gif
deleted file mode 100644
index ac096bd0f149b02d46013420a9c323fe8aa5805a..0000000000000000000000000000000000000000
Binary files a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001212378422.gif and /dev/null differ
diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001219982708.gif b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001219982708.gif
new file mode 100644
index 0000000000000000000000000000000000000000..738e50b17cf1c20514f17034ec08bba1cadf2893
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/figures/en-us_image_0000001219982708.gif differ
diff --git a/en/application-dev/reference/arkui-ts/ts-container-columnsplit.md b/en/application-dev/reference/arkui-ts/ts-container-columnsplit.md
index 9ebb510cd0e108985bb88287f9f61e6893420498..ca2b63b9a08427a6ea47650948561892db31d210 100644
--- a/en/application-dev/reference/arkui-ts/ts-container-columnsplit.md
+++ b/en/application-dev/reference/arkui-ts/ts-container-columnsplit.md
@@ -26,9 +26,9 @@ ColumnSplit()
 
 >  **NOTE**
 >
->  Similar to **\<RowSplit>**, the divider of **\<ColumnSplit>** can be dragged to a position that just fully holds a component.
+> Similar to **\<RowSplit>**, the divider of **\<ColumnSplit>** can be dragged to a position that just fully holds a component.
 >
->  Dragging is not supported in the Previewer. Check the drag effect on a real device.
+> Dragging is not supported in the Previewer. Check the drag effect on a real device.
 
 ## Example
 
@@ -47,6 +47,7 @@ struct ColumnSplitExample {
         Text('4').width('100%').height(50).backgroundColor(0xD2B48C).textAlign(TextAlign.Center)
         Text('5').width('100%').height(50).backgroundColor(0xF5DEB3).textAlign(TextAlign.Center)
       }
+      .borderWidth(1)
       .resizeable(true) // The divider can be dragged.
       .width('90%').height('60%')
     }.width('100%')
@@ -54,4 +55,4 @@ struct ColumnSplitExample {
 }
 ```
 
-![en-us_image_0000001212378422](figures/en-us_image_0000001212378422.gif)
+![en-us_image_0000001219982708](figures/en-us_image_0000001219982708.gif)