Proprietăți CSS: Explorare și utilizare

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.