CSS3 Własność border-radius
Przykłady
Div elementem dodawać obramowania zaokrąglone:
{
border:2px solid;
border-radius:25px;
}
Spróbuj »
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
nieruchomość | |||||
---|---|---|---|---|---|
border-image | 4,0 -webkit- | 9,0 | 4,0 -moz- | 5,0 -webkit- | 10,5 -o- |
Atrybut definicje i instrukcje
Własność border-radius to można określić do czterech granicy - * - właściwości promienia właściwości kompozytowych
Uwaga: Ta właściwość pozwala na dodawanie elementów zaokrąglone granice!
Domyślnie: | 0 |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object object.style.borderRadius = "5px" |
gramatyka
Uwaga: Kolejność czterech wartości każdego promienia są: lewy górny, prawy górny, dolny prawy róg, w lewym dolnym rogu.Jeżeli pominięto w lewym dolnym rogu, w prawym górnym rogu jest taki sam. Jeśli pominąć dolny prawy róg, lewy górny róg jest taka sama. Jeżeli pominięto górny prawy róg, lewy górny róg jest taka sama.
值 | 描述 |
---|---|
length | 定义弯道的形状。 |
% | 使用%定义角落的形状。 |
Przykład 1
jest równa:
border-top-left-radius: 2em;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
border-bottom-left-radius: 2em;
Przykład 2
jest równa:
border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;
Powiązane artykuły
Tutorial CSS3: CSS3 Granicznej