Przykład
Ustawia styl górnej granicy:
p
{
border-style: solid;
border-top-style: dotted;
}
Spróbuj sam " Definicja i Wykorzystanie
Własność border-top-style ustawia styl górnej krawędzi elementu.
Domyślna wartość: | none |
---|---|
Dziedziczny: | no |
Animatable: | no. Read about animatable |
Wersja: | CSS1 |
Składnia JavaScript: | object .style.borderTopStyle="dashed" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
border-top-style | 1,0 | 5,5 | 1,0 | 1,0 | 9,2 |
Note: Wartość "hidden" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga! DOCTYPE. IE9 a później wsparcie "hidden" .
Składnia CSS
border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
wartości nieruchomości
Wartość | Opis | Graj |
---|---|---|
none | Określa brak granicy. Jest to domyślny | Graj " |
hidden | Tak samo jak "none" , z wyjątkiem rozwiązania konfliktu granicznego dla elementów tabeli | Graj " |
dotted | Określa przerywaną granicę | Graj " |
dashed | Określa przerywaną granicę | Graj " |
solid | Określa stałą granicę | Graj " |
double | Określa podwójne obramowanie | Graj " |
groove | Określa rowkowane granicę 3D. Efekt zależy od wartości granicznej kolorów | Graj " |
ridge | Określa prążkowane granicę 3D. Efekt zależy od wartości granicznej kolorów | Graj " |
inset | Określa granicę 3D wstawka. Efekt zależy od wartości granicznej kolorów | Graj " |
outset | Określa początku granicę 3D. Efekt zależy od wartości granicznej koloró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
Kurs CSS: CSS Border
Odniesienia CSS: border-top property
HTML DOM referencyjny: borderTopStyle property