English | >> česky << | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Příklad 50 << | Předešlý | Následující | Index | Obsah

Pomocí vlastnosti "list-style-type" můžeme nastavit, jaká značka se má použít pro položku v seznamu.

XML dokumentCSS stylOdkaz na příklad
(1)
     <AAA>
          <XXX>
               <html:ul>
                    <html:li>xxx</html:li>
                    <html:li>xxx</html:li>
               </html:ul>
          </XXX>
          <YYY>
               <html:ul>
                    <html:li>yyy</html:li>
                    <html:li>yyy</html:li>
               </html:ul>
          </YYY>
          <ZZZ>
               <html:ul>
                    <html:li>zzz</html:li>
                    <html:li>zzz</html:li>
               </html:ul>
          </ZZZ>
     </AAA>

XXX li {list-style-type:disc}
YYY li {list-style-type:circle}
ZZZ li {list-style-type:square}
Zobraz výstupy
XML dokumentCSS stylOdkaz na příklad
(2)
     <AAA>
          <XXX>
               <html:ul>
                    <html:li>xxx</html:li>
                    <html:li>xxx</html:li>
               </html:ul>
          </XXX>
          <YYY>
               <html:ul>
                    <html:li>yyy</html:li>
                    <html:li>yyy</html:li>
               </html:ul>
          </YYY>
          <ZZZ>
               <html:ul>
                    <html:li>zzz</html:li>
                    <html:li>zzz</html:li>
               </html:ul>
          </ZZZ>
     </AAA>

XXX li {list-style-type:decimal}
YYY li {list-style-type:decimal-leading-zero}
ZZZ li {list-style-type: none}
Zobraz výstupy
XML dokumentCSS stylOdkaz na příklad
(3)
     <AAA>
          <XXX>
               <html:ul>
                    <html:li>xxx</html:li>
                    <html:li>xxx</html:li>
               </html:ul>
          </XXX>
          <YYY>
               <html:ul>
                    <html:li>yyy</html:li>
                    <html:li>yyy</html:li>
               </html:ul>
          </YYY>
          <ZZZ>
               <html:ul>
                    <html:li>zzz</html:li>
                    <html:li>zzz</html:li>
               </html:ul>
          </ZZZ>
     </AAA>

XXX li {list-style-type:lower-roman}
YYY li {list-style-type:upper-roman}
ZZZ li {list-style-type: lower-greek}
Zobraz výstupy
XML dokumentCSS stylOdkaz na příklad
(4)
     <AAA>
          <XXX>
               <html:ul>
                    <html:li>xxx</html:li>
                    <html:li>xxx</html:li>
               </html:ul>
          </XXX>
          <YYY>
               <html:ul>
                    <html:li>yyy</html:li>
                    <html:li>yyy</html:li>
               </html:ul>
          </YYY>
          <ZZZ>
               <html:ul>
                    <html:li>zzz</html:li>
                    <html:li>zzz</html:li>
               </html:ul>
          </ZZZ>
     </AAA>

XXX li {list-style-type:lower-alpha}
YYY li {list-style-type:lower-latin}
ZZZ li {list-style-type: upper-alpha}
Zobraz výstupy