Najlepszy samouczek Właściwość CSS border-style W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Atrybut definicje i instrukcje,Pomoc Browser,Wartość nieruchomości,przykłady Online,Powiązane artykuły,
Ustaw cztery styl obramowania:
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 ;
border-style: przerywana solidne podwójne;
border-style: przerywana stałej;
border-style: przerywana;
Domyślnie: | nie podano |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS1 |
Składnia JavaScript: | object object.style.borderStyle = "przerywana double" |
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ść | 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. |
Ustaw różne po obu stronach granicy
Ten przykład pokazuje, jak ustawić różne granice na każdym boku elementu.
Kurs CSS: CSS Border