logo

TechCodeview

CSS saraksta stili

CSS saraksts nosaka, kā saturs vai vienumi tiek uzskaitīti noteiktā veidā, t.i., tos var sakārtot vai nu kārtīgi, vai nejauši, kas palīdz izveidot tīru tīmekļa lapu. Tā kā tie ir pielāgojami un vienkārši apstrādājami, tos var izmantot, lai sakārtotu lielu daudzumu materiāla. Saraksta noklusējuma stils ir bez apmalēm. Sarakstu var iedalīt divās kategorijās:

    Nesakārtots saraksts:Pēc noklusējuma saraksta elementi nesakārtotos sarakstos ir apzīmēti ar aizzīmēm, kas ir mazi melni apļi.Pasūtītais saraksts:Saraksta elementi sakārtotajos sarakstos tiek identificēti ar cipariem un burtiem.

Tālāk norādītie CSS sarakstu rekvizīti ir pieejami lietošanai, kontrolējot CSS sarakstus:

    Saraksta stila veids:Šis rekvizīts tiek izmantots, lai noteiktu saraksta vienumu marķiera izskatu, piemēram, disku, rakstzīmi vai pielāgotu skaitītāja stilu.Saraksta stila attēls:Attēlus, kas kalpos kā saraksta vienumu marķieri, var norādīt, izmantojot šo parametru.Saraksta stila pozīcija:Tas apraksta, kur marķiera lodziņam jāatrodas ap galvenā bloka lodziņu.Saraksta stils:Saraksta stils ir konfigurēts ar šo atribūtu.

Tagad mēs uzzināsim vairāk par šīm īpašībām, izmantojot piemērus.

Saraksta stila īpašums

Marķiera noklusējuma saraksta veidu var mainīt uz dažādiem citiem veidiem, tostarp kvadrātu, apli, romiešu cipariem, latīņu burtiem un daudz ko citu. Nesakārtotā saraksta ieraksti tiek apzīmēti ar apaļām aizzīmēm (•), savukārt sakārtotā saraksta vienumi pēc noklusējuma tiek numurēti, izmantojot arābu ciparus (1, 2, 3 utt.).

Atzīmes vai aizzīmes tiks noņemtas, ja iestatīsim to vērtību uz None.

Sintakse:

list-style-type:value;

ietver c programmēšanu

Mēs varam izmantot vērtību šādi:

  1. aplis
  2. decimālzīme, piemēram, 1,2,3 utt
  3. decimāldaļas sākuma nulles, piemēram, :01,02,03,04 utt
  4. apakšromiešu
  5. augšromiešu
  6. zemākā alfa, piemēram, a, b, c utt
  7. augšējā alfa, piemēram, A, B, C utt
  8. kvadrāts

Piezīme. Sarakstā ir iekļauts arī noklusējuma polsterējums un piemale. Ir nepieciešams pievienot polsterējumu:0 un margin:0
    un
      tagus, lai to novērstu.

Piemērs

Šajā piemērā ir parādīts CSS saraksts ar vairākiem saraksta stila veidiem un vērtībām, kas iestatītas uz kvadrātveida, augšējā alfa un daudzām vērtībām.

 Example for CSS Lists .num{ list-style-type:decimal; } .alpha{ list-style-type:upper-alpha; } .circle{ list-style-type:circle; } .square{ list-style-type:square; } .disc{ list-style-type:disc; } <h2> Ordered Lists </h2> <ol class="order"> <li>ONE</li> <li>TWO</li> </ol> <h2> Unordered lists </h2> <ul> <li>ONE</li> <li>TWO</li> </ul>

Izvade

CSS saraksta stili