list-styleの一括指定
list-style:(値)
・値には、<list-style-type><list-style-image><list-style-position>の値を
半角スペースで区切り並べる。重複する値はないので,順序は任意。
・<list-style-type><list-style-image>が重複した場合は、imageが優先される。imageが何らかの理由で表示できない時にtypeが使われる。
Sample
<list-style:outside url(../../images/anime/anistar.gif) square>の例
- test 1
- test 2
- test 3
<list-style:intside url(../../images/anime/err.gif) square>の例
(画像urlは記述ミスで、存在しないurlです。この場合type形状が使われる)
- test 1
- test 2
- test 3
Sample Source......................................................................>>>
<style type="text/css"> div.sample li {border:1px dotted navy} div.sample div {width:300px;border:1px solid navy;font:80%} </style> </head> <body> <div class="sample"> <div> <ul style="list-style:outside url(../../images/anime/anistar.gif) square"> <li>test 1 <li>test 2 <li>test 3 </ul> </div> <div> <ul style="list-style:inside url(../../images/anime/err.gif) square"> <li>test 1 <li>test 2 <li>test 3 </ul> </div> </div>