Atrybut border-bottom-left-radius CSS

Definicja i użycie

Atrybut border-bottom-left-radius definiuje kształt krawędzi lewego dolnego rogu.

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

Zobacz również:

CSS3 Tutorial:Pasek w CSS3

Przykład

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

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

Spróbuj sam

CSS syntax

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

Komentarz:Wartości długości i procentowe dla atrybutu border-bottom-left-radius definiują promień kwadratowego elipsy (definiują kształt krawędzi zewnętrznej krawędzi rogu) dla jednego kwadranta elipsy. Pierwsza wartość to promień poziomy, druga wartość to promień pionowy. Jeśli pominięto drugą wartość, kopia pierwszej wartości jest używana. Jeśli wartość długości wynosi zero, kąty są kwadratowe, a nie okrągłe. 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 Definiowanie kształtu lewego dolnego rogu. Test
% Definiowanie kształtu lewego dolnego rogu w procentach. Test

Techniczne szczegóły

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

Wsparcie przeglądarek

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

Liczby z -webkit- lub -moz- jako prefiksem oznaczają pierwszą wersję używaną.

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