跳转到内容

Borders 边框

使用边框的辅助功能,您能够快速设置元素的边框和边框圆角(border-radius)的样式。 这非常适合图像,按钮或任何其他元素。

边框

使用边框的辅助功能来添加或删除一个元素的边框。 选择所有边框或一次选择一个。

添加

<Box border={1}><Box borderTop={1}><Box borderRight={1}><Box borderBottom={1}><Box borderLeft={1}>

相减

<Box border={0}><Box borderTop={0}><Box borderRight={0}><Box borderBottom={0}><Box borderLeft={0}>

边框颜色

<Box borderColor="primary.main"><Box borderColor="secondary.main"><Box borderColor="error.main"><Box borderColor="grey.500"><Box borderColor="text.primary">

Border-radius

<Box borderRadius="50%"><Box borderRadius="borderRadius"><Box borderRadius={16}>

API

import { borders } from '@material-ui/system';
导入名称 属性 CSS 属性 Theme key
border border border borders
borderTop borderTop border-top borders
borderLeft borderLeft border-left borders
borderRight borderRight border-right borders
borderBottom borderBottom border-bottom borders
borderColor borderColor border-color palette
borderRadius borderRadius border-radius shape