HP工房エステックのカルチャー講座

■リストマーク - 1 CSS1-3
○表示例


○サンプルプログラム

<html>
<head>
<title>リストマーク-1</title>
<style type="text/css">
<!--
.mlist{
    list-style-type:decimal;
    font-size:12px;
    color:#00ea00;
}
-->
</style>
</head>
<body>
<p>○表示例</p>
<ul class="mlist">
<li><a href="culture.htm">カルチャー講座トップへ</a></li>
<li><a href="cs_list1-1.htm">文字の色を指定する(ページ全体)</a></li>
<li><a href="cs_list1-2.htm">指定した部分の文字の色を変える</a></li>
<li><a href="cs_list1-4.htm">リストマーク - 2</a></li>
</ul>
</body>
</html>

○書式(CSS)

list-style-type:値

○説明

list-style-type:リストマークプロパティの後に値(マークサンプル)を指定します。
サンプルプログラムは[decimal=番号]を指定しています。
HTML記述はリスト全体を<ul class="mlist"></ul>タグで囲み、各項目を<li></li>タグで囲みます。

指定できるマークサンプル

  • decimal
  • lower-roman
  • upper-roman
  • lower-alpha
  • upper-alpha
  • disc
  • circle
  • square

掲載内容によるトラブルに関して、当方は一切責任を負いません。

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