Liste CSS. Eliminare setări implicite. Proprietatea list-style-type:none. Listă - Proprietatea Shorthand. Proprietatea list-style: list-style-type, list-style-position , list-style-image.

Susține Lectii-Virtuale!

Eliminați setările implicite

Proprietatea list-style-type:none poate fi utilizată pentru a elimina markerele / gloanțele. Rețineți că lista are, de asemenea, margin și padding implicite. Pentru a elimina acest lucru, adăugați margin: 0 și padding: 0 până la <ul> sau <ol>:

Exemplu:

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

Listă - Proprietatea Shorthand

Proprietatea list-style este o proprietate de tip shorthand. Este utilizat pentru a seta toate proprietățile listei într-o singură declarație:

Exemplu:

ul {
  list-style: square inside url("sqpurple.gif");
}

Când utilizați proprietatea shorthand, ordinea valorilor proprietății este:
 

• list-style-type - (dacă este specificată o list-style-image, valoarea acestei proprietăți va fi afișată dacă imaginea din anumite motive nu poate fi afișată).
• list-style-position - (specifică dacă markerii elementelor de listă trebuie să apară în interiorul sau în afara fluxului de conținut).
• list-style-image - (specifică o imagine ca marker pentru elementele de listă).

Dacă una din valorile proprietățiilor de mai sus lipsește, valoarea implicită pentru proprietatea lipsă va fi introdusă, dacă există.