--- title: Border 边框 --- # BorderRegionStyle 此样式用于包裹一个控件区域,配合基础xaml定义中的几个DropShadowEffect资源可制作如下效果: ![Border](https://raw.githubusercontent.com/NaBian/HandyControl/master/Resources/Border.png) 以上效果的xaml代码如下: ``` xml ``` # BorderVerticallySplitter 此样式使用1单位宽度的Border来分割横向排列的控件。 {% note info no-icon %} 用例: {% code %} {% endcode %} ![BorderVerticallySplitter](../images/BorderVerticallySplitter_1.png) {% endnote %} # BorderHorizontallySplitter 此样式使用1单位高度的Border来分割纵向排列的控件。 {% note info no-icon %} 用例: {% code %} {% endcode %} ![BorderHorizontallySplitter](../images/BorderHorizontallySplitter_1.png) {% endnote %} # BorderCircular 此样式借助`BorderElement.Circular`附加属性可实现圆形Border。 {% note info no-icon %} 用例: {% code %} {% endcode %} ![BorderCircular](../images/BorderCircular_1.png) {% endnote %} # BorderClip 此样式在`BorderCircular`基础上添加了裁剪功能,常用于显示圆形Image。 {% note info no-icon %} 用例: {% code %} {% endcode %} ![BorderClip](../images/BorderClip_1.png) {% endnote %}