◄ Min  Size Fonts: + | - | ± Color: Max ►

Ordered and Unordered List Variabel

Bermain dengan kode-kode CSS memang asyik sekali. Apalagi bisa memperindah penampilan. <ul = unordered list> dan <ol = ordered list> yang keberadaanya merupakan satu tagging dimana didalamnya dibubuhi <li = list item>
Secara default list type ini banyak ragamnya. Sampai bisa juga kita menggunakan image mengkombinasikannya menjadi full stylish.

Default ul

  • Lorem
  • Ipsum
  • Modar
Variabel ini sama dengan style disc. Sekarang bila dibubuhi dengan style yang lain, bisa menghasilkan:
  • Coffee
  • Tea
  • Milk
  • Coffee
  • Tea
  • Milk
Syntax<ul type="square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

<ul type="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Varible ol (ordered list) bisa lebih variasi lagi loh.

Default ol

  1. Coffee
  2. Tea
  3. Milk
Deretan angka hasil dari variabel ini. Permulaan angkanya ingin dari "4"
  1. Coffee
  2. Tea
  3. Milk
Syntax<ol start="4">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Kepengen berdasarkan type, jadi bukan angka hasilnya!
Angka romawi.
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk
Check get out Play it.
Variasi menggunakan gambar:
  1. Coffee
  2. Tea
  3. Milk
Sentuhan dengan CSS3
  • Coffee
  • Tea
  • Milk
  • Kopsus
Write it CSS3 :nth-child() Selector. Mengasyikan bukan :)
Happy blogging \m/
Loading...
XOrdered and Unordered List Variabel

Subscribe my posts Register For Free!
[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...

al-Quran

MISC

Resources

WANT BE HERE!!! CONTACT ME :P
1 2 3 4 5 6 7 8 9

FACEBOOK PAGE