corner-block-end-shape
The corner-block-end-shape property specifies the shape of the block end corner.
Experimental โ This feature is experimental and may change
Formal Syntax
<'corner-top-left-shape'>{1,2}
JavaScript Access
// Access via element.style
element.style.cornerBlockEndShape = 'value';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| corner-block-end-shape | 139 | โ | โ | 139 |
| bevel | 139 | โ | โ | 139 |
| notch | 139 | โ | โ | 139 |
| round | 139 | โ | โ | 139 |
| scoop | 139 | โ | โ | 139 |
| square | 139 | โ | โ | 139 |
| squircle | 139 | โ | โ | 139 |
Related Properties
- border
- border-block
- border-block-color
- border-block-end
- border-block-end-color
- border-block-end-style
- border-block-end-width
- border-block-start
- border-block-start-color
- border-block-start-style
- border-block-start-width
- border-block-style
- border-block-width
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-end-end-radius
- border-end-start-radius
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-inline
- border-inline-color
- border-inline-end
- border-inline-end-color
- border-inline-end-style
- border-inline-end-width
- border-inline-start
- border-inline-start-color
- border-inline-start-style
- border-inline-start-width
- border-inline-style
- border-inline-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-start-end-radius
- border-start-start-radius
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- corner-block-start-shape ๐งช
- corner-bottom-left-shape ๐งช
- corner-bottom-right-shape ๐งช
- corner-bottom-shape ๐งช
- corner-end-end-shape ๐งช
- corner-end-start-shape ๐งช
- corner-inline-end-shape ๐งช
- corner-inline-start-shape ๐งช
- corner-left-shape ๐งช
- corner-right-shape ๐งช
- corner-shape ๐งช
- corner-start-end-shape ๐งช
- corner-start-start-shape ๐งช
- corner-top-left-shape ๐งช
- corner-top-right-shape ๐งช
- corner-top-shape ๐งช
- border-block-clip ๐ง
- border-block-end-clip ๐ง
- border-block-end-radius ๐ง
- border-block-start-clip ๐ง
- border-block-start-radius ๐ง
- border-bottom-clip ๐ง
- border-bottom-radius ๐ง
- border-boundary ๐ง
- border-clip ๐ง
- border-inline-clip ๐ง
- border-inline-end-clip ๐ง
- border-inline-end-radius ๐ง
- border-inline-start-clip ๐ง
- border-inline-start-radius ๐ง
- border-left-clip ๐ง
- border-left-radius ๐ง
- border-limit ๐ง
- border-right-clip ๐ง
- border-right-radius ๐ง
- border-shape ๐ง
- border-top-clip ๐ง
- border-top-radius ๐ง
- corner ๐ง
- corner-block-end ๐ง
- corner-block-start ๐ง
- corner-bottom ๐ง
- corner-bottom-left ๐ง
- corner-bottom-right ๐ง
- corner-end-end ๐ง
- corner-end-start ๐ง
- corner-inline-end ๐ง
- corner-inline-start ๐ง
- corner-left ๐ง
- corner-right ๐ง
- corner-start-end ๐ง
- corner-start-start ๐ง
- corner-top ๐ง
- corner-top-left ๐ง
- corner-top-right ๐ง