CSS border-top-width Property
Przykład
Ustaw szerokość górnej granicy:
div {border-top-width: thin;}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość border-top-widthustawia szerokość górnej krawędzi elementu.
Uwaga: Zawsze deklaruj border-style lub
border-top-style przed border-top-width
właściwością. Element musi mieć obramowanie, zanim będzie można zmienić szerokość.
| Domyślna wartość: | średni |
|---|---|
| Dziedziczny: | nie |
| Animowalny: | tak. Przeczytaj o animacji |
| Wersja: | CSS1 |
| Składnia JavaScript: | obiekt .style.borderTopWidth="5px" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Property | |||||
|---|---|---|---|---|---|
| border-top-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Składnia CSS
border-top-width: medium|thin|thick|length|initial|inherit;
Wartości nieruchomości
| Value | Description | Play it |
|---|---|---|
| medium | Specifies a medium top border. This is default | |
| thin | Specifies a thin top border | |
| thick | Specifies a thick top border | |
| length | Allows you to define the thickness of the top border. Read about length units | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Więcej przykładów
Przykład
Ustaw szerokość górnej krawędzi na średnią:
div {border-top-width: medium;}
Przykład
Ustaw szerokość górnej krawędzi na grubą:
div {border-top-width: thick;}
Przykład
Ustaw szerokość górnej krawędzi na 1px:
div {border-top-width: 1px;}
Przykład
Ustaw szerokość górnej krawędzi na 15px:
div {border-top-width: 15px;}
Powiązane strony
Samouczek CSS: obramowanie CSS
Odniesienie CSS: border-top property
Odniesienie HTML DOM: właściwość borderTopWidth