CSS Жагсаалт

HTML-ийн <ul> (эрэмбэгүй) болон <ol> (эрэмбэтэй) жагсаалтуудыг хэлбэржүүлэх шинжүүд:

list-style-type — маркерын хэлбэрийг өөрчилнө (disc, circle, square, decimal, none).
list-style-position — маркер жагсаалтын дотор эсвэл гадна байхыг заана (inside, outside).
list-style-image — цэг эсвэл дугаарын оронд зураг ашиглана.

Веб сайтын цэс (navigation menu) хийхэд ихэвчлэн list-style-type: none; ашиглан цэгийг арилгадаг.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.nav li {
    display: inline-block;
    margin-right: 15px;
}
ul.square {
    list-style-type: square;
}
</style>
</head>
<body>
<ul class="nav">
    <li>Нүүр</li>
    <li>Тухай</li>
    <li>Холбоо барих</li>
</ul>
<ul class="square">
    <li>Дөрвөлжин маркертай</li>
    <li>Жагсаалтын зүйл</li>
</ul>
</body>
</html>

Туршиж үзэх »