Właściwość CSS border-style
Przykłady
Ustaw cztery styl obramowania:
p
{
border-style:solid;
}
{
border-style:solid;
}
Spróbuj »
Na dole strony, aby zobaczyć więcej przykładów.
Atrybut definicje i instrukcje
Własność border-style ustawić cztery granice elementu stylu. Ta właściwość może mieć od jednego do czterech wartości.
Przykład:
border-style: przerywana stałe dwukrotnie przerywana ;
- Granice rozsianych
- Prawo granicy jest linia ciągła
- Podwójny dolnej granicy
- Lewa granica jest przerywana linia
border-style: przerywana solidne podwójne;
- Granice rozsianych
- Prawy i lewy border border jest linia ciągła
- Podwójny dolnej granicy
border-style: przerywana stałej;
- Górne i dolne granice są przerywana
- Prawy i lewy border border jest linia ciągła
border-style: przerywana;
- Wszystkie cztery granice są przerywana
Domyślnie: | nie podano |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS1 |
Składnia JavaScript: | object object.style.borderStyle = "przerywana double" |
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
属性 | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Wartość nieruchomości
wartość | opis |
---|---|
żaden | Nie określono granice. |
ukryty | I "brak" to samo. Jednakże, gdy stosuje się w tabeli, z wyjątkiem tabeli ukryte rozwiązywania konfliktu granicznej. |
kropkowany | Zdefiniowany punkt graniczny. Przedstawiane jako linia ciągła w większości przeglądarek. |
przerywana | Definicja linią przerywaną. Przedstawiane jako linia ciągła w większości przeglądarek. |
stały | Definicja linią ciągłą. |
podwójny | Definicja drutu. Podwójna szerokość równa wartości granicznej szerokości. |
rowek | 3D wgłębienie definicją granicy. Efekt zależy od wartości granicznej kolorze. |
grzbiet | 3D falistej określoną granicę. Efekt zależy od wartości granicznej kolorze. |
wstawka | Definiowanie 3D wstawka granicy. Efekt zależy od wartości granicznej kolorze. |
początek | Definiowanie 3D początku granicę. Efekt zależy od wartości granicznej kolorze. |
dziedziczyć | Przepisy powinny dziedziczyć styl obramowania z elementu nadrzędnego. |
przykłady Online
Ustaw różne po obu stronach granicy
Ten przykład pokazuje, jak ustawić różne granice na każdym boku elementu.
Powiązane artykuły
Kurs CSS: CSS Border