Az elrendezési beállítások használata a Dreamweaver CSS tulajdonságpaneljén

A CSS Designer Properties panel tetején találhatók az oldalelrendezések létrehozásához általánosan használt CSS-tulajdonságok. Ezekkel a beállításokkal adhatja meg a magasságot, a szélességet, az igazítást, az elhelyezést és a térközt. Ezek a beállítások ideálisak az osztály- és azonosítóstílusú oldalelrendezések létrehozásához, például a képek igazításához és a pozícióhoz

címkéket többoszlopos elrendezések létrehozásához.

Az alábbi értékek beállításához használhatja a CSS-tulajdonság panel Elrendezés beállításait:

• Szélesség: Adjon meg egy szélességet minden olyan elemhez, amelynek méretei megadhatók, például a

  címke. A méretbeállítások a következők: pixel (px), pont (pt), pica (pc), százalék (%), em, rem, ex és ch.

• Magasság: Adjon meg egy magasságot minden olyan elemhez, amelynek méretei megadhatók.

  • Min. és Max. szélesség: Adja meg a minimális és maximális szélességet

    címkék és egyéb blokkelemek. Ezek a beállítások akkor hasznosak, ha a szélességet a böngészőablak százalékában adja meg. Például beállíthatja a tervezési szélességet a böngészőablak 80 százalékára, majd beállíthatja a maximális szélességet 1000 px-re, hogy az elrendezés ne nyúljon 1000 képpontnál szélesebbre.

  • Min. és Max. magasság: Adja meg a minimális és maximális magasságot

    címkék és egyéb blokkelemek.

  • Margó: Állítsa be az elem körüli tér nagyságát. A margókkal teret lehet létrehozni egy elem széle és az oldalon lévő egyéb elemek között, például egy kép és szöveg vagy két között.

    címkéket. Külön beállíthatja a margót felső, jobb, alsó és bal oldalra. A kitöltést pixelben, pontban, hüvelykben, centiméterben, milliméterben, picasban, ems-ben, ex-ben és százalékban mérik.

  • Kitöltés: Beállítja az elem határain belüli helyet. Használhatja például a kitöltést, hogy helyet hozzon létre az a határai között

    címke és annak tartalma. Külön beállíthatja a párnázást a felső, a jobb, az alsó és a bal oldalon. A kitöltést pixelben, pontban, hüvelykben, centiméterben, milliméterben, picasban, ems-ben, ex-ben és százalékban mérik.

    A kitöltés és a margóköz beállítása bonyolult lehet. Amikor margót és kitöltést ad egy elemhez, például egy képhez vagy

    címkével növelheti az elem teljes méretét és az elrendezésben szükséges helyet.

• Pozíció: A Tulajdonságok panel Elrendezés szakaszának alsó részében elérhető Pozíció opció megváltoztatja az elemek elhelyezésének módját az oldalon. A pozicionálás drámai módon megváltoztathatja a blokk szintű elemek (például táblázat, lista, fejléc, bekezdés és

  címkék) jelennek meg a böngészőben.

  • Inherit: Nem kell megadnia ezt az alapértelmezett beállítást. Hacsak nincs másik lehetőség kiválasztva, minden elem örökli a szülőelemének pozícióját.

  • Statikus: Helyezze a tartalmat a helyére a dokumentum folyamán belül. Alapértelmezésben minden HTML elemeket is elhelyezhető statikus.

  • Abszolút: A felső és bal oldali koordinátákkal szabályozhatja egy elem helyzetét a böngészőablak bal felső sarkához vagy az elemet tartalmazó elem bal felső sarkához képest.

  • Javítva: Helyezzen el egy elemet a böngésző bal felső sarkához képest. A rögzített pozicionálást használó elem tartalma akkor is állandó marad, ha a felhasználó lefelé vagy végig görget az oldalon.

  • Relatív: Használjon pozíciót ahhoz a ponthoz képest, ahol az elemet beilleszti az oldalba, vagy a tárolójához viszonyítva.

    

  • Lebegtetés: Elemek igazítása, például képek és

    címkék, az oldal vagy más tároló bal vagy jobb oldalán, aminek következtében szöveg vagy más elemek tekeredik körül. Kattintson a Lebegés mező ikonjaira a következő négy lehetőség megadásához: Öröklés, Jobb, Bal vagy Nincs.

  • Clear: Megakadályozza, hogy a lebegő tartalom átfedjen egy területet balra vagy jobbra, vagy egy elem mindkét oldalára. Ez a beállítás akkor hasznos, ha egy lebegő elem, például a

    Az oldalsáv létrehozásához használt címke átfed egy másik blokkszintű elemet, például egy oldal láblécének létrehozásához használt címkét.

  • Overflow-x és -y: Mondja el a böngészőnek, hogyan jelenítse meg egy elem tartalmát, ha a tároló, például a

    címke, nem fér bele az elem teljes magassága vagy szélessége. A túlcsordulási lehetőségek a következők

  • Látható: A tartalom, például egy kép vagy szöveg látható marad, még akkor is, ha túlnyúlik a tároló meghatározott magasságán vagy szélességén.

  • Rejtett: Vágja le a tartalmat, ha az meghaladja a tartály méretét. Ez az opció nem biztosít görgetősávokat.

  • Görgetés: Görgetősávok hozzáadása a tárolóhoz, függetlenül attól, hogy a tartalma meghaladja-e az elem méretét.

  • Automatikus: A görgetősávok csak akkor jelennek meg, ha a tároló tartalma meghaladja a határait.

• Megjelenítés: Jelezze, hogy egy elemet a böngészőben kell-e megjeleníteni , vagy hogyan. Például egy rendezetlen lista elhelyezését vízszintesről függőlegesre módosíthatja a Beágyazott lehetőség kiválasztásával, vagy elrejthet egy elemet, amely láthatatlanná teszi a Nincs lehetőség kiválasztásával. Használhatja a Megjelenítés opciót egy szkriptnyelvvel az elemek megjelenítésének dinamikus megváltoztatásához.

• Láthatóság: Szabályozza, hogy a böngésző megjelenítsen-e egy elemet. A láthatósági beállítások a következők

  • Öröklés: Az elem láthatósága annak az elemnek, amelyben szerepel (alapértelmezett).

  • Látható: Az elem megjelenik.

  • Rejtett: Az elem nem jelenik meg.

  • Összecsukás: HTML-táblázatokhoz használható. Az összecsukással eltávolíthat egy oszlopot vagy sort a táblázat többi elrendezésének befolyásolása nélkül.

• Z-index: Egy elem helyzetének szabályozása a Z koordinátán, amely az elemek egymáshoz viszonyított halmozási sorrendjét szabályozza. A magasabb sorszámú elemek átfedésben vannak a kisebb számokkal.

• Átlátszatlanság: Szabályozza az elemek átlátszatlansági szintjét 0,0 (teljesen átlátszó) és 1,0 (teljesen átlátszatlan) között. Ha például az átlátszatlanság mezőbe 0,5 értéket ír be, akkor egy elem átlátszatlansága 50 százalékra csökken.