2013-09-04 5 views
27

私はCSSを勉強しています。リストマーカーを設定するのにlist-style-type属性を使用できることがわかります。その属性をdivタグに適用できますか?divタグにlist-style-typeを使用できますか?

+1

なぜあなたはしたいですか? – Curt

+1

@Curtを知っているだけです。私はもっ​​と捜しましたが、私はこれのようなものを手に入れることはできません! – user2732006

答えて

53

はいできます。以下は、リスト項目のように自分自身に似せてdivタグが発生します。

div {display:list-item;} 
+0

ええ。ありがとうございました!今はドットイメージしかありません。正方形、円形、私たち自身のイメージのような他のイメージを表示できますか? – user2732006

+1

はいできます。 'list-style-type'属性でプロパティを追加します。 - @ user2732006 – Nitesh

+0

ええ。私は上記の疑問のために@Jukka K. Korpelaに従っています。私は結果を得た。ありがとうございました – user2732006

20

あなたは任意のHTML要素上の任意のCSSプロパティを設定することができます。実際、要素には常にすべてのCSSプロパティがあります(設定されていなければ、値として定義された初期値を持ちます)。ただし、すべてのプロパティがすべての状況ですべての要素に影響を与えるわけではありません。

特に、list-style-type propertyの定義は次のようになります。 "適用対象::要素は 'display:list-item'"となります。ここで "適用する"とは、 "レンダリングに影響を及ぼす"ことを意味する。

さらにdivdisplay: list-itemを設定しても、それに対応する要素コンテンツの左側にスペースがない限り、表示されるリストマーカー(箇条書きや番号など)はありません。マージンプロパティを使用してスペースを配置することができます。例:

div { 
    display: list-item; 
    margin-left: 1.3em; 
    list-style-type: circle; 
} 
+1

@jJukka K. Korpelaありがとうございます。それは正常に動作しています。今私は投票をあきらめることはできません。私の質問では、私はdivタグへのリストアイテムのみを求めた。だから私はネイサンリーの答えを受け入れた。 – user2732006

関連する問題