CSS Borders. Lățimea marginilor CSS (CSS Border Width). CSS Border Color.

Lățimea marginilor CSS (CSS Border Width)

Proprietatea border-width specifică lățimea celor patru chenare.

Lățimea poate fi setată ca o dimensiune specifică (în px, pt, cm, em, etc.) sau folosind una dintre cele trei valori predefinite: subțire, medie sau groasă (thin, medium, thick.).

Proprietatea border-width poate avea de la una până la patru valori (pentru marginea superioară, granița dreaptă, limita de jos și marginea din stânga/ top border, right border, bottom border, left border).



Exemplu:

p.one {
  border-style: solid;
  border-width: 5px;
}

p.two {
  border-style: solid;
  border-width: medium;
}

p.three {
  border-style: solid;
  border-width: 2px 10px 4px 20px;
}

CSS Border Color

Proprietatea border-color este utilizată pentru a seta culoarea celor patru chenare.

Culoarea poate fi setată de:

• name - Specificați un nume de culoare, cum ar fi „red”.
• Hex - Specificați o valoare hexagonală, cum ar fi „# ff0000”.
• RGB - Specificați o valoare RGB, cum ar fi „rgb (255,0,0)”.
• transparent

Proprietatea border-color poate avea de la una până la patru valori (pentru marginea de sus, marginea dreaptă, limita de jos și marginea din stânga/top border, right border, bottom border, left border).

Dacă border-color nu este setată, moștenește culoarea elementului.



Exemplu:

p.one {
  border-style: solid;
  border-color: red;
}

p.two {
  border-style: solid;
  border-color: green;
}

p.three {
  border-style: solid;
  border-color: red green blue yellow;
}