箇条書きは<li>要素のどこから来るのですか?

temporary_user_name:

私の現在の理解では、異なるHTML要素は、セマンティクスは別として、デフォルトのCSSスタイルによって機能が分離されています。

カスタムCSSを使用すると、HTML要素を他の要素と同じように動作させることができます(不可避)。

それが正しい場合、私が説明できない唯一のことは<li>要素の箇条書きです。どのCSSが原因ですか?それを他の要素にどのように追加できますか?


将来の読者への注意:私は最近HTML要素を学習しましたが、コンテンツカテゴリによっても異なります

bytecode77:

箇条書きは、<ul>要素のパディングの「内」に含まれています

パディングは緑色でマークされ、マージンはオレンジ色で示されます。

1

パディングを減らすと、箇条書きがそのパディング内にあることがわかります。

4

<ul>たとえばのマージンを増やすと、右にシフトします。

2

list-styleプロパティは、弾丸自分自身を制御します。に設定するnoneと非表示になります。0インデントも取り除く場合は、マージンとパディングを設定する必要があります。

ul
{
    list-style: none;
}

3

すべてのマージン/パディングと箇条書きを削除したい場合は、これを使用してください:

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

5


もちろん、他のHTMLコントロールに箇条書きを適用することもできます。

div
{
    padding-left: 40px;
}
a
{
    display: list-item;
    list-style: disc;
}
<div>
    <a href="#">Item #1</a>
    <a href="#">Item #2</a>
    <a href="#">Item #3</a>
    <a href="#">Item #4</a>
</div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

<li>箇条書きの後の改行

分類Dev

TCPDFの<li>から箇条書きを削除する方法

分類Dev

<li>箇条書き要素を右に移動するにはどうすればよいですか?

分類Dev

空のdivを持つ<li>要素の箇条書きを非表示にする方法はありますか

分類Dev

jsでliの箇条書きの色を変更する

分類Dev

箇条書きを<li>要素の中心に揃えます

分類Dev

liの2行目は、CSSリセット後の箇条書きの下から始まります

分類Dev

画像ではなく通常の文字である<ul>の<li>要素のカスタム箇条書き記号

分類Dev

CSS:箇条書きと<li>の間の制御スペース

分類Dev

<li>タグの箇条書き部分の背景色

分類Dev

要素liの色を動的に変更しても、箇条書きの色は変更されません

分類Dev

<li>要素のテキストと箇条書きを中央に配置します

分類Dev

liがインラインブロックの場合、CSSliの箇条書きは表示されません

分類Dev

箇条書きを考慮せずに<li>要素を中央揃えにする

分類Dev

箇条書きの後に<li>のテキストを揃える

分類Dev

docxから箇条書きまたは箇条書きを抽出する

分類Dev

<li>の箇条書きをそれぞれの投稿で指定された画像に置き換えます

分類Dev

カスタム箇条書きを使用するときに折り返されるliテキストの整列

分類Dev

HTMLを削除し、Androidでliタグの代わりに箇条書きを表示する

分類Dev

グリフィコンをLIの箇条書きとして使用する(ブートストラップ3)

分類Dev

これはreactで箇条書きの配列を作成する方法ですか

分類Dev

<li>フレックス、カスタム箇条書きアイコン、太字のタグ付きタグ

分類Dev

このli要素をng-repeatから削除するにはどうすればよいですか?

分類Dev

箇条書きで箇条書きにする方法

分類Dev

タグにカーソルを合わせたときに<li>箇条書きアイコンを変更するにはどうすればよいですか?

分類Dev

JavaScriptは箇条書きとサブ箇条書きのアイテムを作成します

分類Dev

これらのli要素を相互に設定するにはどうすればよいですか?

分類Dev

NSAttributedStringは箇条書きを挿入しますか?

分類Dev

ReportLabListFlowableはカスタムの箇条書きを使用します

Related 関連記事

  1. 1

    <li>箇条書きの後の改行

  2. 2

    TCPDFの<li>から箇条書きを削除する方法

  3. 3

    <li>箇条書き要素を右に移動するにはどうすればよいですか?

  4. 4

    空のdivを持つ<li>要素の箇条書きを非表示にする方法はありますか

  5. 5

    jsでliの箇条書きの色を変更する

  6. 6

    箇条書きを<li>要素の中心に揃えます

  7. 7

    liの2行目は、CSSリセット後の箇条書きの下から始まります

  8. 8

    画像ではなく通常の文字である<ul>の<li>要素のカスタム箇条書き記号

  9. 9

    CSS:箇条書きと<li>の間の制御スペース

  10. 10

    <li>タグの箇条書き部分の背景色

  11. 11

    要素liの色を動的に変更しても、箇条書きの色は変更されません

  12. 12

    <li>要素のテキストと箇条書きを中央に配置します

  13. 13

    liがインラインブロックの場合、CSSliの箇条書きは表示されません

  14. 14

    箇条書きを考慮せずに<li>要素を中央揃えにする

  15. 15

    箇条書きの後に<li>のテキストを揃える

  16. 16

    docxから箇条書きまたは箇条書きを抽出する

  17. 17

    <li>の箇条書きをそれぞれの投稿で指定された画像に置き換えます

  18. 18

    カスタム箇条書きを使用するときに折り返されるliテキストの整列

  19. 19

    HTMLを削除し、Androidでliタグの代わりに箇条書きを表示する

  20. 20

    グリフィコンをLIの箇条書きとして使用する(ブートストラップ3)

  21. 21

    これはreactで箇条書きの配列を作成する方法ですか

  22. 22

    <li>フレックス、カスタム箇条書きアイコン、太字のタグ付きタグ

  23. 23

    このli要素をng-repeatから削除するにはどうすればよいですか?

  24. 24

    箇条書きで箇条書きにする方法

  25. 25

    タグにカーソルを合わせたときに<li>箇条書きアイコンを変更するにはどうすればよいですか?

  26. 26

    JavaScriptは箇条書きとサブ箇条書きのアイテムを作成します

  27. 27

    これらのli要素を相互に設定するにはどうすればよいですか?

  28. 28

    NSAttributedStringは箇条書きを挿入しますか?

  29. 29

    ReportLabListFlowableはカスタムの箇条書きを使用します

ホットタグ

アーカイブ