Atrybut border-top-width CSS

Definicja i użycie

Atrybut border-top-width ustawia szerokość górnej krawędzi elementu.

Działa tylko, gdy styl krawędzi nie jest "none". Jeśli styl krawędzi jest "none", szerokość krawędzi zostanie rzeczywiście ustawiona na 0. Nie można指定uj wartości ujemnych.

Komentarz:Zawsze deklaruj atrybut border-style przed atrybutem border-top-width. Element musi mieć krawędź, aby można było zmienić jej szerokość.

Zobacz również:

Kurs CSS:Pasek w CSS

Podręcznik CSS:Atrybut border-top

Podręcznik HTML DOM:Atrybut borderTopWidth

Przykład

Ustawienie szerokości górnej krawędzi:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

Spróbuj sam

Gramatyka CSS

border-top-width: medium|thin|thick|length|initial|inherit;

Wartość atrybutu

Wartość Opis
thin Definiuje cienką górną krawędź.
średnia Domyślna wartość. Definiuje średnią szerokość górnej krawędzi.
thick Definiuje grubą górną krawędź.
length Pozwala na dostosowanie szerokości górnej krawędzi.
inherit Określa, że szerokość krawędzi powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: średnia
Inheredność: nie
Wersja: CSS1
Język JavaScript: object.style.borderTopWidth="thick"

Więcej przykładów

Ustawienie szerokości górnej krawędzi
Ten przykład pokazuje, jak ustawić szerokość górnej krawędzi.

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Komentarz:Przeglądarki IE7 i wcześniejsze nie obsługują wartości "inherit". IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".