Mõningatel juhtudel võite luua loendi, millel pole täppe ega loenditeta loendeid. Tellitud loendi või järjekorras olevate loendite loomiseks ilma loenditeta järgige alltoodud samme.
HTML-näide
"List-style: none" CSS-klassi lisamine järjestamata nimekirja (
- ) või tellitud nimekiri (
- Loetlege üksus ilma loendita
- Teine punkt
- Loetlege üksus ilma loendita
- Teine punkt
- ) ühe või mitme kuuliüksuse omamine ei ole kuul, säilitades teised kuulid muutmata.
Väljundi näide
Allpool on näide sellest, kuidas järjestamata kuulide loendi väljund ilmub ilma selle täppideta.
- Loetlege üksus ilma loendita
- Teine punkt
- ) silt eemaldab kuuli või numbri.
HTML koos CSS-näidisega
Kuigi ülaltoodud näide toimib peaaegu igas olukorras, on üldiselt parem mõte, et CSS oleks eraldi, välises CSS-failis. Allpool on CSS ja HTML, mida saab kasutada kuulide eemaldamiseks.
Alltoodud CSS-i kasutamine eemaldab kuulid kõigist järjestamata linkidest (
- ), mis võib olla kasulik, kui teil ei ole kavatsusi kuulide kasutamiseks või pildi asemel kasutada pilti.
ul {list-style-type: puudub; }
Kui teil on kavas ainult üks loend, sellel ei ole täppe ega numbreid, siis on parem luua klass, mida saab kasutada igal ajal, kui ei soovi täppe, nagu on näidatud allpool toodud CSS-is.
.nobull {list-style-type: puudub; }
Ülaltoodud CSS-is luuakse uus klass "nobull", seda klassi saab seejärel kasutada igal ajal, kui te ei soovi kuuli, nagu on näidatud allpool toodud näites.
Näpunäide: Te võite seda klassi rakendada ka ükskõik millisele loendiüksusele (