Iată explicația detaliată pentru fiecare proprietate CSS
Proprietate color
Proprietatea color
este folosită pentru a formata culoarea textului unui element.
Valoarea poate fi un nume de culoare(de exemplu, red
, blue
, green
), un cod hexazecimal(de exemplu, „#FF0000” pentru red
) sau o rgb()
funcție pentru a specifica Red, Green, Blue
valorile.
Exemplu: color: red;
Proprietate font-size
Proprietatea font-size
este folosită pentru a formata dimensiunea textului dintr-un element.
Valoarea poate fi în pixeli(de exemplu, „12px”), unități em(de exemplu, „1,2em”), procente(%) sau alte valori relative.
Exemplu: font-size: 16px;
Proprietate background-color
Proprietatea background-color
este folosită pentru a formata culoarea de fundal a unui element.
Valoarea poate fi, de asemenea, un nume de culoare, un cod hexazecimal sau o funcție „rgb()” pentru a specifica culoarea.
Exemplu: background-color: #F0F0F0;
Proprietate font-family
Proprietatea „font-family” definește fontul folosit pentru textul dintr-un element.
Valoarea poate fi un nume de font(de exemplu, Arial
, Helvetica
) sau o listă prioritizată de nume de fonturi.
Exemplu: font-family: Arial, sans-serif;
Proprietate text-align
Proprietatea „text-align” este folosită pentru a alinia textul în interiorul unui element.
Valoarea poate fi left
, right
, center
, sau justify
(pentru a justifica textul la ambele capete).
Exemplu: text-align: center;
Proprietate width
Proprietatea „width” specifică lățimea unui element.
Valoarea poate fi în pixeli, procente(%) sau auto
pentru lățimea automată.
Exemplu: width: 300px;
Proprietate height
Proprietatea height
specifică înălțimea unui element.
Valoarea poate fi în pixel
, procente(%) sau auto
pentru înălțimea automată.
Exemplu: height: 200px;
Proprietate border
Proprietatea border
este folosită pentru a crea o chenar în jurul unui element.
Valoarea poate include grosimea marginii(de exemplu, „1px”), border style
(de exemplu, solid
, dotted
) și color
(de exemplu, red
).
Exemplu: border: 1px solid black;
Proprietate margin
Proprietatea margin
definește distanța dintre un element și elementele din jur.
Valoarea poate fi o valoare a pixelilor(de exemplu, „10px”), valori a pixelilor pentru fiecare direcție(de exemplu, „5px 10px”) sau auto
pentru spațiere automată.
Exemplu: margin: 10px;
Proprietate padding
Proprietatea padding
definește distanța dintre conținut și marginea unui element.
Valoarea poate fi o pixel
valoare sau valori pixeli pentru fiecare direcție.
Exemplu: padding: 20px;
Acestea sunt doar câteva exemple de proprietăți CSS și valorile acestora. CSS oferă multe alte proprietăți pentru stilarea și personalizarea elementelor de pe pagina dvs. web. Puteți explora mai multe proprietăți și le puteți personaliza pentru a obține diferite modele și efecte pentru site-ul dvs.