ホームページ  >  記事  >  ウェブフロントエンド  >  CSSのリストスタイルは何を意味しますか

CSSのリストスタイルは何を意味しますか

王林
王林オリジナル
2020-11-11 11:27:0412120ブラウズ

CSS の

list-style は、他のすべてのリスト スタイル属性をカバーする省略形の属性です。 list-style 属性は任意の要素に適用でき、[list-style:square inside url()] などの list-item 要素によって継承されます。

CSSのリストスタイルは何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、CSS3、この記事はすべてのブランドのコンピューターに適用されます。

list-style は、1 つの宣言ですべてのリスト属性を設定するために使用される短縮属性です。

(学習ビデオの推奨: css ビデオ チュートリアル)

詳細な説明:

この属性は、他のすべてのリスト スタイル属性をカバーする短縮属性です。 list-item を表示するすべての要素に適用されるため、通常の HTML や XHTML では li 要素でしか使用できませんが、実際にはどの要素にも適用でき、list-item 要素にも継承されます。

次の属性を順番に設定できます:

list-style-type
list-style-position
list-style-image

属性値:

list-style-type    设置列表项标记的类型。参阅:list-style-type 中可能的值。    
list-style-position    设置在何处放置列表项标记。参阅:list-style-position 中可能的值。    
list-style-image    使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。    
inherit    规定应该从父元素继承 list-style 属性的值。

例:

画像を設定します。リスト リスト項目タグ:

ul
  {  list-style:square inside url('/i/arrow.gif');
  }

関連する推奨事項: CSS チュートリアル

以上がCSSのリストスタイルは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。