# border-top-left-radius property

The `border-top-left-radius` property creates a rounding for a top-left corner of a border and background. The property value is any size units. Default value: `0`.

## Syntax

`selector { border-top-left-radius: value; }`

## Example

We set the rounding to `10px` for the top-left corner:

`<div id="elem"></div>` `#elem { border-top-left-radius: 10px; border: 1px solid black; width: 300px; height: 100px; }`

:

## See also

- the `border-top-right-radius` property
  that sets a rounding for top-right corner
- the `border-bottom-left-radius` property
  that sets a rounding for bottom-left corner
- the `border-bottom-right-radius` property
  that sets a rounding for bottom-right corner
- the `border-radius` property
  that sets a rounding simultaneously for all corners
- the `border` property
  that is a shorthand property for a border

← →
↑
en ru