Create a break between ideas or sections with a horizontal separator.
- Name:
core/separator - Category: design
- API Version: 3
- Block Type: Static (saved in post content)
- Keywords:
horizontal-line,hr,divider
Attributes
Defined via the attributes property in block.json.
| Attribute | Type | Default | Description |
|---|---|---|---|
opacity |
string |
"alpha-channel" |
— |
tagName |
string |
"hr" |
Enum: hr, div |
Supports
Defined via the supports property in block.json.
anchor:truealign:"center","wide","full"color:enableContrastChecker:falsegradients:truebackground:truetext:false
spacing:margin:["top","bottom"]
interactivity:clientNavigation:true
Block Styles
Defined via the styles property in block.json.
| Style Name | Label | Default |
|---|---|---|
default |
Default | Yes |
wide |
Wide Line | No |
dots |
Dots | No |
Block Markup
This is a static block. The markup is saved directly in the post content.
<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->
Source
- block.json (reference)
- Source directory — browse
edit.js,save.js,index.php, and more.