Download Source Code Aplikasi

Style.Liststyleposition

Saturday, October 19th, 2019 - Style DOM

Properti style.listStylePosition dipakai untuk menetapkan posisi list-item marker.

Sintaks:

obj.style.listStylePosition = value;

Nilainya:

  • Constants
    outside (default), inside
  • inherit

Tampilan OUTSIDE:

  • Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…
  • Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…

Tampilan INSIDE:

  • Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…
  • Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…

Contoh:

<HTML> <HEAD> <TITLE>style.listStylePosition</TITLE> </HEAD> <BODY> <DIV STYLE="width: 200px;"> <UL ID="mylist"> <LI>Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…</LI> <LI>Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…</LI> <LI>Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…</LI> <LI>Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…</LI> <LI>Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…Lorem ipsum…</LI> </UL> </DIV> <SCRIPT TYPE="text/javascript"> var ulElem = document.getElementById("mylist"); ulElem.style.listStylePosition = "outside"; ulElem.style.listStyleType = "disc"; </SCRIPT> <BUTTON TYPE="button" ONCLICK="document.getElementById(‘mylist’).style.listStylePosition = ‘inside’;">Inside!</BUTTON> <BUTTON TYPE="button" ONCLICK="document.getElementById(‘mylist’).style.listStylePosition = ‘outside’;">Outside!</BUTTON> </BODY> </HTML>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Style.Liststyleposition | Ahmad Code | 4.5