Proprietatea de umplutură definește spațiul dintre marginea elementului și conținutul acestuia.
Această proprietate poate lua 4 valori:
•Dacă este specificată o valoare, cum ar fi div {padding: 50px} - toate cele patru părți ale umplurii sunt 50 px.
•Dacă sunt specificate două valori, cum ar fi div {padding: 50px 10px} - umplutura de sus și de jos este de 50 px, iar cea stângă și cea dreaptă este de 10 px.
•Dacă specifici trei valori, cum ar fi div {padding: 50px 10px 20px} - umplutura superioară și inferioară este 50 px, cea stângă și dreaptă 10 px, iar cea inferioară 20 px.
• Dacă specifici patru valori, cum ar fi div {padding: 50px 10px 20px 30px} - umplutura superioară este 50 px, cea din dreapta este 10 px, cea inferioară este 20 px, iar cea din stânga este 30 px.
DIV CSS margin se referă la cuvântul atribut CSS margin, marginea este marginea care stabilește cele patru laturi ale obiectului, fără culoare de fundal și fără culoare.
1. Sintaxa marjelor
Margin:10px
Valoarea marjei este un număr + unitate html și poate fi de asemenea auto (automat, adaptiv)
2. Structura aplicației
Div{margin:10px}
Setează obiectul div la distanță de 10px
3. Descrierea marginii
marginea este distanța dintre marginea exterioară a obiectului și muchia epitaxială.
Există trei situații în care valoarea marginii poate fi un întreg pozitiv și un întreg negativ și se adaugă o unitate precum pixelii PX (margine-stânga: 20px); auto poate fi folosit ca atribut automat (margine-stânga: auto auto); Poate fi o valoare procentuală (%) (marjă stânga: 3%).
Extinderea marginii (setați separat cuvântul atribut de distanțare pe patru fețe)
margine-stânga obiect marginea stângă (margine-stânga:5px; Distanță de extindere la stânga 5px)
margine-dreapta Marginea dreaptă a obiectului (margine-dreapta:5px; Distanța de extensie dreaptă 5px)
obiect margine-sus (margine-sus: 5px; Distanță epitaxială superioară 5px)
obiect margin-bottom (margin-bottom:5px; Distanță epitaxială mai mică 5px)
|
Postat pe 30.10.2014 16:21:55
|
|
|
