箇条書きには、番号なし箇条書きと番号付き箇条書きがあります。CAS-UBではそれぞれ図1のようにマークアップをします。

図1　箇条書き　CAS記法

番号なし箇条書きのマークアップは、次のようなHTMLに変換されます。


<ul>
<li>１項目目</li>
<li>２項目目</li>
<li>３項目目</li>
</ul>


CAS-UBで用意している「CSSテーマ」で番号なし箇条書き、番号付き箇条書きのレイアウトを指定しています。そこで、例えば「グリーン２」を選択してプレビューしますと、図２のように表示されます。

図２　箇条書きを、（テーマ）「グリーン２」で内容表示（プレビュー）する

さて、この箇条書きのラベルを消したいとき、一番、手っ取り早いのは要素にlist-style:noneというスタイルを指定する方法です。

CAS記法では要素のマークアップの直後に’:’を置くと、その要素に属性が付きます。そこで箇条書きの先頭’*’または’#’に次の図３のようにマークアップしてみましょう。

図３　箇条書きの項目にスタイル属性を指定

この内容表示（プレビュー）すると図４のようになり、最初の項目しかラベルが消えていません。

図４　箇条書きの項目へのスタイル指定の内容表示

すべてのラベルを消すために、各’*’（li）要素へのスタイル指定を繰り返しても良いのですが面倒です。
通常は上位のulまたはol要素にスタイル指定してラベルを消すと楽ちんです。

このようなときのCAS記法は図５のように要素の直後に’::’をおいて属性を指定します。そうしますと1つ上の階層の要素に属性が付きます。

図５　親の要素に属性をつけるマークアップ

このCAS記法の’::’に続く属性はHTMLでは次のように上位のul要素の属性になります。


<ul style="list-style:none">
<li>１項目目</li>
<li>２項目目</li>
<li>３項目目</li>
</ul>


内容表示（プレビュー）しますと、図６のようにすべての箇条項目のラベルが消えています。

図６　親の要素に属性をつけて箇条項目のラベルを消す