Liste CSS. Lista HTML și proprietățiile listelor CSS. Tipuri principale de liste: liste neordonate(ul), liste ordonate(ol). Diferiți marcatori de elemente de listă. Proprietatea list-style-type.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Lista HTML și proprietățiile listelor CSS:
În HTML, există două tipuri principale de liste:
- liste neordonate (<ul>) - articolele din listă sunt marcate cu buline.
- liste ordonate (<ol>) - elementele din listă sunt marcate cu numere sau litere.
Proprietățiile listei CSS vă permit să:
- Setați markeri de articole de listă diferite pentru liste ordonate.
- Setați markeri de articole de listă diferite pentru liste neordonate.
- Setați o imagine ca marker a elementelor din listă.
- Adăugați culori de fundal la liste și elemente de listă.
Different List Item Markers
Proprietatea list-style-type specifică tipul markerului de element de listă.
Următorul exemplu arată unii dintre marcatorii de elemente de listă disponibili:
Exemplu:
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}
Notă: Unele dintre valori sunt pentru liste neordonate, iar altele pentru liste ordonate.