Atrybuty skrócone krawędzi CSS

CSS Border - Skrócona właściwość

Jak zobaczyłeś w poprzednim rozdziale, podczas przetwarzania krawędzi należy wziąć pod uwagę wiele atrybutów.

Aby skrócić kod, można również指定所有单独的边框属性 w jednym atrybucie.

border Atrybut jest skróconą formą następujących atrybutów krawędzi:

  • border-width
  • border-style(wymagane)
  • border-color

Przykład

p {
  border: 5px solid red;
}

Wynik:

Niektóry tekst

Spróbuj sam

Możesz również指定单个边框的所有单个边框属性:

lewa krawędź

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Wynik:

Niektóry tekst

Spróbuj sam

dolna krawędź

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Wynik:

Niektóry tekst

Spróbuj sam