CSS Borders. CSS Border - Proprietatea Shorthand. Proprietăți border individuale: border-width, border-style, border-color.

CSS Border - Proprietatea Shorthand

După cum puteți vedea din exemplele de mai sus, există multe proprietăți de luat în considerare atunci când aveți de-a face cu frontierele.
Pentru a scurta codul, este de asemenea posibil să se specifice toate proprietățile de frontieră individuale într-o singură proprietate.
Proprietatea de frontieră (border) este o proprietate shorthand pentru următoarele proprietăți individuale de frontieră:

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

Exemplu:

p {
  border: 5px solid red;
}

Rezultat:



De asemenea, puteți specifica toate proprietățile border individuale pentru o singură parte:

Left Border

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

Rezultat:



Bottom Border

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

Rezultat: