CSS Borders. Lățimea marginilor CSS (CSS Border Width). CSS Border Color.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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;
}