NO.72 リスト②

続きです。

list-style-position
リストの最初に表示する点の位置を指定します。
Value: inside | outside

<style type=text/css>
<!--
li{list-style-type:inside;}     //内側
-->
</style>

list-style
list-style-type,list-style-image,list-style-positionを一括指定します。
Value: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [ | none]

<style type=text/css>
<!--
li{list-style:inside url("temp/iruka.png");}
-->
</style>

上記の内容を応用
◆HEAD内の記述 <style type="text/css">  </style>
◆BODY内の記述 <ol class=zzA> <li>ヘリウム <li>ネオン <li>アルゴン </ol> <ul class=zzB> <li>水素 <li>リチウム <li>ナトリウム </ul> </div><br>
◆実行例

ヘリウム
ネオン
アルゴン

水素
リチウム
ナトリウム

前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送