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 długości.

Komentarz:Zawsze deklaruj atrybut border-style przed atrybutem border-top-width. Elementy mogą zmienić szerokość krawędzi tylko po uzyskaniu krawędzi. Jeśli styl krawędzi jest none, szerokość krawędzi zostanie rzeczywiście ustawiona na 0. Nie można指定uj wartości ujemnych długości.

Zobacz również:

Kurs CSS:Krawędzie 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
Inheredowanie: nie
Wersja: CSS1
Gramatyka 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.

Wsparcie przeglądarek

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

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".