CSS-i loenditest on palju abi nii nummerdatud kui ka täppidega punktide saavutamisel. See artikkel näitab teile, kuidas kontrollida tüüpi, positsiooni, stiili CSS-i abil. Järgmisi näpunäiteid käsitletakse siin,
- CSS-i atribuudid
- Loendistiilis tüüpi atribuut
- CSS-i loendid: näidisprogramm
- Markeri väärtusedLoendistiilis-positsiooni atribuudis
Alustagem siis
CSS-i loendid
CSS-i atribuudid
CSS-i atribuute on viis, milles saate seda loendite haldamiseks kasutada.
- List-style-type: see võimaldab meil kontrollida markeri kuju või välimust.
- Loendi stiil-positsioon: see täpsustab, et teise reaga mähkimiseks on vaja pikka punkti või see peaks joonduma esimese reaga või algama markeriga.
- List-style-image: See täpsustab, et täppide või nummerdatud punktide asemel tuleks markerile pilt lisada või muuta see atraktiivsemaks.
- Loendistiil: see näitab lühikirjeldust eelnevatele omadustele.
- Markeri nihe: see määrab kauguse markeri ja loendisse sisestatud teksti vahel.
Siin on tavaliselt kasutatavad loendid: list-style-type ja list-style-position. Seda on selgitatud allpool
Selle artikliga edasi liikumine CSS-i loendites
Loendistiilis tüüpi atribuut
Loendistiilis tüüpi atribuudis saate juhtida täpipunktide või markerite kuju ja stiili järjestamata loendi puhul. Tellitud loendi puhul on see nummerdav tähemärk.
Alljärgnev tabel, mis tähistab järjestamata loendeid:
| Väärtus | Kirjeldus |
| Puudub | NA |
| Plaat | See on täidetud ring. (Vaikimisi üks) |
| Ring | See on tühi ring. |
| Ruut | See on täidetud väljakul. |
Alljärgnev tabel, mis tähistab tellitud loendeid:
| Väärtus | Kirjeldus | Näide |
| Kümnendkoht | See on number | 1,4,3 |
| Koma pärast nulli | 0 enne tegelikku arvu | 01, 04, 03 |
| Alam-alfa | See on väiketähtedega tähtnumbriline tähemärk. | a, b, c, d |
| Ülemine alfa | See on suurtähtedega tähtnumbriline tähemärk. | A, B, C, D |
| Alumine rooma keel | See on Rooma väiketähed. | i, ii, iii, iv, v |
| Ülemine rooma keel | See on Rooma suurtäht. | I, II, III, IV, V |
| Alam-kreeka keel | Marker on kreeka keeles | alfa, gamma |
| Alumine ladina keel | Marker on ladina keeles | a, b, c, d |
| Ülemine ladina keel | Marker on ladina keeles | A, B, C, D |
Selle artikliga edasi liikumine CSS-i loendites
CSS-i loendid: näidisprogramm
- Java
- Python
- Nurgeline
- Java
- Python
- Nurgeline
- Java
- Python
- Nurgeline
- Java
- Python
- Nurgeline
- Java
- Python
- Nurgeline
Väljund
Selle artikliga edasi liikumine CSS-i loendites
Loendi stiilis-positsiooni atribuut
Marker Values For Loendistiilis-atribuudis
Atribuudis loendi stiilis positsioon näitab, et marker peaks ilmuma täppidega kasti sees või väljas. Sellel võib olla üks kahest väärtusest:
| Väärtus | Kirjeldus |
| Puudub | NA |
| Toas | Sellisel juhul, kui tekst läheb teisele reale, mähkub tekst markeri alla. See näitab ka seda, kust tekst oleks alanud, kui loenditel oleks väljaspool pilve. |
| väljas | Sel juhul, kui tekst läheb teisele reale, joondatakse tekst esimese rea algusega. |
Näide:
- Matemaatika
- Sotsioloogia
- Füüsika
- Matemaatika
- Sotsioloogia
- Füüsika
- Matemaatika
- Sotsioloogia
- Füüsika
- Matemaatika
- Sotsioloogia
- Füüsika
Väljund
See viib meid CSS-i loendite artikli lõppu.
brauserite risttestimine seleenis
Vaadake meie mis on varustatud juhendajate juhitud elava koolituse ja reaalse elu projektikogemusega. See koolitus võimaldab teil omandada oskusi, mis võimaldavad töötada tagumise ja esiotsa veebitehnoloogiatega. See sisaldab koolitust veebiarenduse, jQuery, Angular, NodeJS, ExpressJS ja MongoDB kohta.
Kas teil on meile küsimus? Palun mainige seda artikli kommentaaride jaotises ja võtame teiega ühendust.