Style borderTopLeftRadius Property
Przykład
Dodaj zaokrąglone obramowanie w lewym górnym rogu elementu div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Definicja i użycie
Właściwość borderTopLeftRadius ustawia lub zwraca kształt obramowania lewego górnego rogu.
Wskazówka: ta właściwość umożliwia dodawanie zaokrąglonych ramek do elementów!
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Składnia
Zwróć właściwość borderTopLeftRadius:
object.style.borderTopLeftRadius
Ustaw właściwość borderTopLeftRadius:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Uwaga: Dwie wartości długości lub wartości procentowe właściwości promienia od góry po lewej stronie definiują promienie ćwiartki elipsy, która definiuje kształt narożnika krawędzi zewnętrznej krawędzi. Pierwsza wartość to promień poziomy, druga to promień pionowy. Jeśli druga wartość zostanie pominięta, zostanie skopiowana z pierwszej. Jeśli którakolwiek długość wynosi zero, róg jest kwadratowy, a nie zaokrąglony. Procenty dla promienia poziomego odnoszą się do szerokości ramki, podczas gdy procenty dla promienia pionowego odnoszą się do wysokości ramki.
Wartości nieruchomości
Value | Description |
---|---|
length | Defines the shape of the top-left corner |
% | Defines the shape of the top-left corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość border-top-left-radius elementu |
Wersja CSS | CSS3 |
Powiązane strony
Dokumentacja CSS: właściwość border-top-left-radius
❮ Obiekt stylu