CSS Халих /Owerflow/
CSS overflow шинж чанар нь тухайн элементэд байрлах контентын эзлэх талбайг хянадаг.
Титэм вирусын халдвар ханиах, найтаах үед агаараар болон ойрын хавьтлаар дамжин халдварлана. Вирусын халдвар авсан үед дараах шинж тэмдгүүд илэрнэ.
CSS Overflow
CSS overflow шинж чанар нь тухайн элементэд байрлах контентын эзлэх талбайг хянаж scrollbar-тай байх үгүйг шийднэ.
CSS overflow шинж чанар нь дараах утгуудтай.
visiblehiddenscrollauto
Тэмдэглэл: overflow шинж чанар нь зөвхөн блок элементэд өндрийг нь зааж өгсөн тохиолдолд ажиллах болно.
Тэмдэглэл: MAC үйлдлийн систем дээр scrollbar нь зөвхөн ашиглагдаж байх үед харагдах болно. /overflow:scroll зааж өгсөн ч гэсэн/
overflow: visible
overflow-н анхдагч утга нь visible буюу харагдахуйц шинж чанартай байдаг бөгөөд элементийн агуулж буй контентын халилтыг дэлгэцэд үзүүлэх болно.
<style>
div {
background-color: #fff1f1;
width: 300px;
height: 150px;
border: 1px solid black;
overflow: visible;
}
</style>
overflow: hidden
hidden далд утга элементийн агуулж буй контентын халилтыг нуух болно.
Жишээ нь
<style>
div {
background-color: #fff1f1;
width: 300px;
height: 150px;
border: 1px solid black;
overflow: hidden;
}
</style>
overflow: scroll
scroll утгыг зааж өгснөөр элементийн дотор талд дээш, доош болон баруун, зүүн чиглэлд scrollbar гарч ирнэ. Ингэснээр контентийн агуулгыг гүйлгэж үзэх боломжтой болно.
Жишээ нь
<style>
div {
background-color: #fff1f1;
width: 300px;
height: 150px;
border: 1px solid black;
overflow: scroll;
}
</style>
overflow: auto
auto утга нь scroll-той төстэй боловч зөвхөн шаардлагатай үед ажиллах болно.
Жишээ нь
<style>
div {
background-color: #fff1f1;
width: 300px;
height: 150px;
border: 1px solid black;
overflow: auto;
}
</style>
overflow: x ба overflow: y
overflow: x нь хэвтээ тэнхлэгт буюу зүүн болон баруун чиглэлд, харин overflow: y нь босоо тэнхлэгт буюу дээшээ болон доошоо чиглэлд scroll-г зааж өгч болно.
Жишээ нь
<style>
div {
background-color: #fff1f1;
width: 300px;
height: 150px;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}
</style>
Сэтгэгдэлүүд
