Proprietățile câmpului CSS definesc spațiul din jurul elementelor.
Câmpul elimină spațiul din jurul elementului (în afara limitei). Câmpul nu are o culoare de fundal și este complet transparent.
Câmpurile de sus, de dreapta, de jos și de stânga pot fi modificate independent utilizând diferite proprietăți. Proprietatea marginală marginală poate fi de asemenea utilă pentru a modifica toate câmpurile în același timp.
Valori posibile
Browserul stabilește câmpurile.
Rezultatul acestei valori depinde de browser
Definește un câmp fix (în pixeli, puncte, unități em, etc.)
Specifică câmpul în% din elementul care conține
Domenii - Valori individuale pentru părți
În CSS, puteți specifica diferite câmpuri pentru diferite părți:
margin-top: 100px;
margin-bottom: 100px;
margin-dreapta: 50px;
margin-stânga: 50px;
Încercați-l singur »
Faceți clic pe butonul "Încercați-l singur" pentru a vedea cum funcționează.
Câmpuri - Proprietatea stenografică
Pentru a scurta codul, puteți specifica toate proprietățile câmpurilor într-o singură proprietate. se numește proprietate stenografică.
Proprietatea stenografică care așteaptă toate proprietățile câmpurilor este "marginea":
Încercați-l singur »
Faceți clic pe butonul "Încercați-l singur" pentru a vedea cum funcționează.
Proprietatea marjei poate avea una sau patru valori.
- margine: 25px 50px 75px 100px;
- marginea superioară este de 25 de pixeli
- marginea dreaptă este de 50 px
- câmpul de jos este de 75 de pixeli
- marginea stângă este de 100 de pixeli
- margine: 25px 50px 75px;
- marginea superioară este de 25 de pixeli
- Câmpurile din dreapta și din stânga sunt de 50 pixeli
- câmpul de jos este de 75 de pixeli
- margine: 25px 50px;
- Câmpurile de sus și de jos sunt egale cu 25 de pixeli
- Câmpurile din dreapta și din stânga sunt de 50 pixeli
- margine: 25px;
- toate cele patru câmpuri sunt egale cu 25 de pixeli
Setați câmpul de text de top utilizând valorile în cm
Acest exemplu demonstrează modul de setare a câmpului de text de top utilizând valorile în cm.
Setați câmpul text de jos utilizând valorile din%
Acest exemplu demonstrează modul de setare a fundului în% față de lățimea elementului container