Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Az overflow tulajdonság a CSS-ben arra szolgál, hogy szabályozza az elem határait túllépő tartalom megjelenítését. Általában a konténerek, például a div-ek és más blokkszintű elemek túlcsordulásának kezelésére használják.
Az Overflow tulajdonságnak több értéke is lehet, többek között:
visible (alapértelmezett): A konténer határain kívül jelenik meg az a tartalom, amely túlnő a konténeren. Ez az alapértelmezett viselkedés.
.container {
overflow: visible;
}
hidden: A konténert meghaladó tartalom le van vágva, és nem látható.
.container {
overflow: hidden;
}
scroll: A görgetősávok megjelenítésével a felhasználók görgethetik és megtekinthetik a tartályt túlhaladó tartalmat.
.container {
overflow: scroll;
}
auto: Gördítősávok csak akkor jelennek meg, ha a tartalom túlcsordul a konténeren. Ha a tartalom belefér a konténerbe, nem jelennek meg görgetősávok.
.container {
overflow: auto;
}
Ezek az értékek a vízszintes(overflow-x) és a függőleges(overflow-y) tengelyekre is alkalmazhatók, hogy a görgetési viselkedést mindkét irányban külön-külön szabályozhassuk.
Az overflow tulajdonság hasznos az olyan tartalmak kezeléséhez, amelyek nem férnek bele egy fix méretű konténerbe, és segít szabályozni, hogy a túlcsordulás hogyan jelenjen meg vagy rejtőzzön el a felhasználók számára.
Nyelv kiválasztása
Téma beállítása
© 2024 ReadyTools. Minden jog fenntartva.