Własność CSS border-top-style

> Dodaj do ulubionych

Własność CSS border-top-style określa styl górnej krawędzi obramowania elementu. Jest to własność niedziedziczona.

Przykład

W tym przykładzie element aside będzie miał zieloną przerywaną górną krawędź obramowania o szerokości 5 pikseli:

aside {
  border-top-width: 5px;
  border-top-style: dashed;
  border-top-color: green;
  width: 200px;
}
...
<aside>Lorem ipsum dolor sit amet.</aside>

Efekt:

Efekt użycia własności CSS border-top-style

Składnia i wartości

Własność border-top-style przyjmuje jedną wartość, którą może być jedno z następujących słów kluczowych: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset. Ich dokładny opis znajduje się na stronie Własność border-style.

Wartością początkową własności border-top-style jest słowo kluczowe none.

Zastosowanie

Własność border-top-style ma zastosowanie do wszystkich elementów HTML, a także do pseudoelementu ::first-letter.

Podsumowanie

ZastosowanieWszystkie elementy HTML i pseudoelement ::first-letter
Obsługiwane wartości
Wartość początkowanone
DziedziczenieNie
SpecyfikacjaCSS Backgrounds and Borders Module Level 3 – border-top-style