A css - css mezők és behúzások lépésekben
A blokkszerkezettel remélem, hogy már ismerős vagy. Ha nem, az alábbiakban bemutatjuk.
És így. Valószínűleg már tudja, hogy a blokk margóit és behúzásait a padding és margin tulajdonságai képviselik. Az előző cikkben pedig már részben foglalkoztam ezzel a témával. Ezen az oldalon megnézzük a mezőket (kitöltés) és a margókat.
A margó és a párnázat tulajdonságai nagyon hasonlítanak egymáshoz, hasonló funkciókat látnak el, ezért gyakran zavarosak. De ehhez természetesen nem érdemes, hiszen ugyanazok a mezők és behúzások teljesen különbözőek. Azonban ez látható a képen, nem véletlen, hogy itt van.
Hát akkor. A mezőket a padding tulajdonság határozza meg. Ezek a belsõ távolságok a blokk határaitól a tartalmáig.
Az ingatlan valamennyi elemre érvényes.
A távolságot a hosszúságegységek határozzák meg, a CSS-ben elfogadva (további részletek itt). % -ban. vagy (alapértelmezés szerint) a böngésző automatikusan határozza meg.
padding tulajdonság sokoldalú, mivel a mező meghatározza az elem határ annak tartalmát minden oldalról, így tulajdonságait egyesítő padding-top. padding-right. padding-bottom és padding-left. amelyek egyenként határozzák meg az elemek mindegyik oldalán a mezők szélességét.
A behúzókat a margó tulajdonsága határozza meg. amelyek meghatározzák a blokk határaitól a legközelebbi elemekig vagy a böngészőablak élekig terjedő távolságot.
A margin tulajdonság minden elemre érvényes.
A behúzókat a hosszúságú egységekben is megadják, a CSS-ben elfogadva (további részletekért lásd itt). % -ban. vagy (alapértelmezés szerint) a böngésző automatikusan határozza meg.
A margótulajdonság univerzális, mivel meghatározza az összes határolóelem határolóelemeinek összegét az összes oldalára vonatkozóan, ezáltal kombinálva a margin-top tulajdonságokat. margin-right. margin-bottom és margin-left. amelyek az egyes mondatok szélességét egyenként határozzák meg.
És még több. francia (margin) kívül helyezkedik el a blokk, míg a mező (padding) belsejében, így blokkolja minta vagy egy háttérképet osztják csak a pályán, és a padding mindig átlátszó, vagy a fő mintát (a szülő) blokk vagy oldal háttere.
| |
A táblázat a konténer belsejében található, piros szegéllyel és kék háttérrel. A táblázat határoló szélességének szélessége a konténer piros szegélyétől 10 képpont. A bal oldali cella egy kép. A képről a cellák határain belül húzódó 25 lapos bemenet. A jobb oldali mező 10 képpont! |