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

Definicja i zastosowanie

Atrybut border-top-left-radius definiuje kształt krawędzi górnego lewego 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 lewego górnego rogu elementu div：

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

Spróbuj sam

CSS语法

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

Komentarz：Wartości długości i procentowe atrybutu border-top-left-radius definiują promień kwadratowego elipsy (definiują kształt krawędzi zewnętrznej krawędzi narożnika). Pierwsza wartość to promień poziomy, druga wartość to promień pionowy. Jeśli pominięto drugą wartość, kopiowana jest pierwsza wartość. Jeśli długość wynosi zero, narożnik 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 Definiowanie kształtu lewego dolnego rogu. Test
% Definiowanie kształtu lewego dolnego rogu w postaci procentowej. Test

Szczegóły techniczne

Domyślna wartość： 0
Inheredność： nie
Wersja： CSS3
JavaScript语法： object.style.borderTopLeftRadius="5px"

Wsparcie przeglądarki

Numer w tabeli wskazuje 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