CSS リスト property_html/css_WEB-ITnose

Jun 24, 2016 am 11:49 AM

CSS リスト:

property

description

list-style

略語属性。 1 つの宣言でリストのすべてのプロパティを設定するために使用されます。

list-style-image

リスト項目のロゴとして画像を設定します。

list-style-position

リスト内のリスト項目フラグの位置を設定します。

list-style-type

リスト項目フラグのタイプを設定します。

marker-offset

1. リストタイプ: list-style-type 属性

(1) 機能: リストに使用されるマーカータイプを変更します。アイテム

( 2) 可能な値:

ローマ字ごと大文字 マーカーは下位アルファ (a、b、c など)

説明

none

タグはありません。

ディスク

デフォルト。マーカーは塗りつぶされた円です。

circle

マークは白抜きの円です。

square

マークは実線の正方形です。

10 進数

マーカーは数字です。

小数点先行ゼロ

0 から始まる番号マーカー。 (01、02、03 など)

小文字ローマ数字

小文字のローマ数字 (i、ii、iii、iv、v など)

上位アルファ

マーカーは上位アルファ (A、B、C など) 、など)

小ギリシャ文字

ギリシャ小文字 (アルファ、ベータ、ガンマなど)

小ラテン

ラテン文字の小文字 (a、b、 c など)

大ラテン文字

大文字のラテン文字 (A、B、C など)

ヘブライ語

伝統的なヘブライ語の番号付け

アルメニア語

伝統的なアルメニア語の番号付け

ジョージア語

伝統的なグルジア語の番号付け (an、ban、gan など)

cjk-表意文字

シンプルな表意文字の数字

ひらがな

マークは: a、i、u、e、o、ka、ki お待ちください。 (カタカナ)

カタカナ

マークは、A、I、U、E、O、KA、KI などです。 (カタカナ)

hiragana-iroha

マークは、い、ろ、は、に、ほ、へ、となどです。 (カタカナ)

カタカナいろは

マークは、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナ)

(3) ブラウザのサポート: すべてのブラウザが list-style-type 属性をサポートします。

追記:

どのバージョンの Internet Explorer (IE8 を含む) も、属性値「10 進数先行ゼロ」、「小ギリシャ語」、「小ラテン」、「大ラテン」をサポートしていません。 「、アルメニア語」、「グルジア語」、または「継承」。

2. リスト項目の画像: list-style-image 属性 (1) 機能: リスト項目のマークを画像で置き換えます。

(2) 可能な値:

Value

Description

URL

画像へのパス。

なし

デフォルト。グラフィックは表示されません。

inherit

list-style-image 属性の値を親要素から継承することを指定します。

(3) ブラウザのサポート: すべてのブラウザは list-style-image 属性をサポートします。

追記: 画像が利用できない場合に備えて、常に「list-style-type」属性を指定してください。

3. リストマークの位置: list-style-position 属性

(1) 機能: リスト項目マークを配置する場所を設定します

(2) 可能な値:

説明

inside

リスト項目のタグがテキストの内側に配置され、周囲のテキストがタグに従って配置されます。

外側

デフォルト値。マークはテキストの左側に置いてください。リスト項目タグがテキストの外側に配置され、周囲のテキストがタグに従って整列されません。

inherit

list-style-position 属性の値を親要素から継承することを指定します。

(3) ブラウザのサポート: すべてのブラウザは list-style-position 属性をサポートします。

4. 短縮されたリスト スタイル: list-style 属性

(1) 機能: 1 つのステートメントですべてのリスト属性を設定します。

(2) 順序: タイプ、位置、イメージ

値。 -style は任意の順序でリストでき、これらの値は無視できます。 1 つの値が指定されている限り、他の値はデフォルト値で埋められます。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

See all articles