Atrybut border-bottom-right-radius CSS

Definicja i zastosowanie

Atrybut border-bottom-right-radius definiuje kształt krawędzi prawego dolnego rogu.

Wskazówka:Ta właściwość pozwala dodać zaokrąglone krawędzie do elementu.

Zobacz również:

CSS3 tutorial:Krawędzie CSS3

Przykład

Dodaj zaokrąglone krawędzie do prawego dolnego rogu elementu div:

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

Spróbuj sam

CSS syntax

border-bottom-right-radius: length|% [length|%];

Komentarz:Wartości długości i procentowe dla atrybutu border-bottom-right-radius definiują promień kwadratowego elipsy (definiują kształt krawędzi zewnętrznej krawędzi rogu) - promienie. Pierwsza wartość to promień poziomy, druga wartość to promień pionowy. Jeśli pominięto drugą wartość, kształt rogu jest kwadratowy, a nie okrągły. Procentowy promień poziomy odnosi się do szerokości ramki, a procentowy promień pionowy odnosi się do wysokości ramki.

Wartość atrybutu

Wartość Opis Test
length Definiuje kształt prawego dolnego rogu. Test
% Definiuje kształt prawego dolnego rogu w procentach. Test

Techniczne szczegóły

Domyślna wartość: 0
Inheritance: nie
Wersja: CSS3
JavaScript syntax: object.style.borderBottomRightRadius="5px"

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5