Css mezők

A CSS mező tulajdonságai meghatározzák az elemek körüli területet.

A mező törli az elem körüli területet (a határon kívül). A mezőnek nincs háttérszíne, és teljesen átlátszó.

A felső (felső), a jobb (jobb), alsó (alul) és a jobb (bal) mező lehet változtatni egymástól függetlenül különböző tulajdonságokkal. Rövid tulajdonság mezők (margin) szintén hasznos lehet változtatni minden területen egyszerre.

Lehetséges értékek

A böngésző beállítja a mezőket.
Ennek az értéknek az eredménye a böngészőtől függ

Fix mező megadása (képpontokban, pontokban, em egységekben stb.)

Megadja a mezőt a tartalmi elem% -ban

Terek - Egyéni értékek a felek számára

A CSS-ben különböző mezőket adhat meg a különböző felek számára:

margin-top: 100px;
margin-bottom: 100px;
margó-jobb: 50px;
margó-balra: 50px;


Próbálja ki magad »
Kattintson a "Próbálja ki magad" gombot, hogy megtudja, hogyan működik.

Mezők - a stenográfiai tulajdon

A kód lerövidítése érdekében megadhatja a mezők összes tulajdonságát egy tulajdonságban. ezt a rövidített tulajdonságnak nevezik.

A mezők minden tulajdonságára váró stenográfiai tulajdonság "margin":


Próbálja ki magad »
Kattintson a "Próbálja ki magad" gombot, hogy megtudja, hogyan működik.

A margin tulajdonságnak lehetnek négy-négy értékei.

  • margó: 25px 50px 75px 100px;
    • a felső margó 25 px
    • a jobb margó 50px
    • az alsó mező 75px
    • a bal margó 100px

  • margin: 25px 50px 75px;
    • a felső margó 25 px
    • A jobb és bal mezők 50px
    • az alsó mező 75px

  • margin: 25px 50px;
    • A felső és alsó mezők értéke 25px
    • A jobb és bal mezők 50px

  • margin: 25px;
    • mind a négy mező 25 px

Állítsa be a felső szövegmezőt a cm-ben megadott értékek alapján
Ez a példa bemutatja, hogyan kell a felső szövegmezőt beállítani cm-ben megadott értékek használatával.

Állítsa be az alsó szövegmezőt a%
Ez a példa azt mutatja be, hogyan állítsuk be az alsó részt% -ban a tartályelem szélességéhez viszonyítva

Minden CSS mező tulajdonságai

Kapcsolódó cikkek