Przykład
Dodaj obramowanie zaokrąglony do prawym dolnym rogu z <div> element:
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}
Spróbuj sam " Definicja i Wykorzystanie
Własność border-bottom-right-radius określa kształt granicy prawym dolnym rogu.
Tip: Ta właściwość pozwala na dodanie do elementów zaokrąglonych granic!
| Domyślna wartość: | 0 |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.borderBottomRightRadius="25px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby następnie -webkit- lub -moz- określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| border-bottom-right-radius | 5,0 4,0 -webkit- | 9,0 | 4,0 3,0 -moz- | 5,0 3,1 -webkit- | 10,5 |
Składnia CSS
border-bottom-right-radius:length|%[length|%]|initial|inherit;Note: Te dwie wartości długości lub odsetek właściwości border-bottom-right promieniu zdefiniować promienie o ćwierć elipsy, która definiuje kształt rogu zewnętrznej krawędzi obramowania. Pierwsza wartość promień poziomy, drugi promień w pozycji pionowej. Jeśli druga wartość jest pominięta skopiowaniu go od samego początku. Jeżeli jedna długość wynosi zero, rogu jest kwadratowy, a nie zaokrąglone. Procenty dla promienia poziomej znajdują się szerokości pola granicznej, podczas gdy procentowe promieniowej pionowej znajdują się na wysokości skrzynki granicznej.
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| length | Określa kształt prawym dolnym rogu. Wartość domyślna to 0 | Graj " |
| % | Określa kształt prawym dolnym rogu w% | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: CSS3 Borders
HTML DOM referencyjny: borderBottomRightRadius property