Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS border-top-left-radius

Definicja stylu, przeznaczenie i użycie border-top-left-radius

Właściwość border-top-left-radius definiuje promień zaokrąglenia lewego górnego rogu.

Tip: ta właściwość umożliwia dodawanie zaokrąglonych krawędzi do elementów!

Wartości właściwości border-top-left-radius

Składnia CSS border-top-left-radius

border-top-left-radius: length | % [length|%] | initial | inherit;

Wsparcie przeglądarek dla właściwości border-top-left-radius

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit-, -moz- określa pierwszą wersję, która działała z prefiksem.

Właściwość
border-top-left-radius	5.0 4.0 -webkit-	9.0	4.0 3.0 -moz-	5.0 3.1 -webkit-	10.5

Przykładowe zastosowania z właściwością border-top-left-radius

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div {
    border-top-left-radius:100px;
}

Przykłady właściwości border-top-left-radius

border-top-left-radius: 30px;

border-top-left-radius: 10px 40px;

border-top-left-radius: 40%;