description & Usage
To determine the radius of the corners at the end of the block area, we use the border-end-end-radius property.
Informations
| # | Description |
|---|---|
| Default Value | 0 |
| Inherited | no |
| Animatable | yes |
| Version | CSS3 |
| JavaScript syntax | object.style.borderEndEndRadius="50px" |
Browser compatibility and Support
| # | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| border-end-end-radius |
Syntax
Values
| Values | Description |
|---|---|
| 0 | Default value. |
| length | Defines the shape of the corner at block end and inline end. Read about length units |
| % | Defines the shape of the corner at block end and inline end in percentange of length of element on corresponding axis. |
| initial | |
| inherit |
Related Pages
CSS tutorial: CSS Rounded Corners
CSS border-bottom-left-radius property: CSS Border-bottom-left-radius property
CSS border-bottom-right-radius property: CSS Border-bottom-right-radius property
CSS border-top-left-radius property: CSS Border-top-left-radius property
CSS border-top-right-radius property: CSS Border-top-right-radius property
CSS direction property: CSS Direction property
CSS text-orientation property: CSS Text-orientation property
CSS writing-mode property: CSS Writing-mode property
