Leggyakrabban a HTML-oldalak behúzási méretének megadásához a CSS nyelv (Cascading Style Sheets) képességeit használják. Bár magában a HTML nyelvben több "kezdetleges" maradvány található, amelyek egyes esetekben behúzást tesznek lehetővé. Az alábbiakban bemutatjuk a leggyakrabban használt opciókat, de mellettük még mindig nagyon sokféle trükk létezik, amelyek lehetővé teszik a behúzások beállítását a HTML-dokumentumok nem szabványos jelölésére.
Szükséges
HTML és CSS nyelvek alapismerete
Utasítás
1. lépés
Határozza meg az oldal elemet, ahonnan behúzni lehet. Például, ha a szöveget a … (blokk) címkébe helyezik, akkor ez a blokk lesz ennek a szövegnek a szülőeleme, és a behúzást a blokk határaitól kell számolni. Ha pedig a szöveg (vagy kép) nincs blokk (div, li stb.) Vagy inline (span, p stb.) Elemen belül, akkor annak szülője lesz a dokumentum törzse (body tag). A szöveg szülőelemének meghatározása azért szükséges, mert neki kell beállítania a behúzásokat alkotó stílusok leírását. Tegyük fel, hogy a szövege egy div blokkba kerül: Minta szöveg
2. lépés
A CSS nyelv margó tulajdonságával állítsa be a margókat, vagyis az elem határaitól a szomszédos elemekig, valamint a szülő elem határaitól való távolságot. Ez a távolság külön-külön beállítható a párnázáshoz mindkét oldalon: margó-felső - felül, jobb-jobb - jobb oldalon, margó-alsó - alul, margó-bal - bal oldalon. A fenti példánál ez a css-kód így nézhet ki: div {
margin-top: 10 képpont;
jobb szél: 15 képpont;
margin-bottom: 40px;
bal szél: 70px;
} Itt a "div" egy olyan választó, amely meghatározza, hogy ezt a stílust alkalmazni kell a dokumentumkód minden div-jére. A CSS szintaxisa lehetővé teszi mind a négy sor egybe történő összeillesztését: div
margó: 10px 15px 40px 70px;
} A behúzások értékét mindig ebben a sorrendben kell megadni: először - felül, majd - jobb, alsó és bal oldalon. Ha a behúzások minden oldalon azonosak, akkor elegendő megadni az értéket egyszer: div {
margó: 70px;
} Ezen felül beállíthat egy lebegő vízszintes margót (vagyis balra és jobbra). Ez nagyon hasznos lehet, ha egy adott szélességű blokkot kell pontosan beállítania a böngészőablak közepére. Maga a böngésző automatikusan meghatározza, hogy mekkora legyen a behúzás mindkét oldalon, ha a következő CSS utasítást írja: div {
margó: 0 auto;
}
3. lépés
Használja a párnázás tulajdonságot a párnázás beállításához, amely egy elem és az abban elhelyezett elemek közötti távolság, beleértve a szöveget is. Ennek a tulajdonságnak a szintaxisa pontosan megegyezik a margó tulajdonságával: div {
topding-top: 10px;
párnázás jobb: 15px;
aljzat: 40 képpont;
párnázás-bal: 70px;
} Vagy div {
párnázás: 10px 15px 40px 70px;
}
4. lépés
A text-behúzási tulajdonság segítségével állíthatja be a további behúzást a szöveg minden egyes bekezdésének első sorához. Például: div {
szöveg-behúzás: 80px;
}
5. lépés
A HTML img tag hspace és vspace attribútumaival állítsa be a vízszintes és a függőleges behúzást a képtől a külső elemig. Például így:
6. lépés
Használja a tábla címke cellpadding attribútumát, ha be kell állítania a behúzást a táblázat celláinak határaitól a tartalmukig. A cellatér attribútum pedig megadja a táblázat celláinak távolságát. Például:
| 1 | 2 |
