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

idStar

CSS属性を使用して、カスタムグラフィックを代替の箇条書き文字として指定できることに気付きました。

list-style-image

そしてそれにURLを与えます。

ただし、私の場合は、「+」記号を使用したいだけです。そのためのグラフィックを作成して、それを指す必要はありません。順不同のリストに、プラス記号を箇条書き記号として使用するように指示したいだけです。

これを行うことはできますか、それとも最初にグラフィックにする必要がありますか?

TJ WealthEngineAPIエバンジェリスト

以下は、飼いならしリストから引用されています

リストはあるが、箇条書きが必要ない場合や、箇条書きの代わりに他の文字を使用したい場合があります。繰り返しますが、CSSは簡単なソリューションを提供します。リストスタイルを追加するだけです:なし。ルールに従って、LIをインデントをぶら下げて表示するように強制します。ルールは次のようになります。

ul {
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
   text-indent: -1em;
}

パディングまたはマージンのいずれかをゼロに設定し、もう一方を1emに設定する必要があります。選択した「箇条書き」によっては、この値を変更する必要がある場合があります。負のテキストインデントにより、最初の行がその量だけ左に移動し、ぶら下がっているインデントが作成されます。

HTMLには標準のULが含まれますが、リストアイテムのコンテンツの前にある箇条書きの代わりに使用する文字またはHTMLエンティティが含まれます。この場合、右の二重角度の引用符である»を使用します:»。

»アイテム1
»アイテム2
»アイテム3
»アイテム4
»アイテム5    ラップする
   ように少し長くします

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

ul li aの<a>ではなく、ul liを歪める方法は?

分類Dev

プラス記号はULの箇条書きリストにサインインしますか?

分類Dev

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

分類Dev

li幅が可変のUl

分類Dev

代替行の色 UL LI

分類Dev

<ul >> <li>と<ul> <li>のcssスタイリングの違い

分類Dev

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

分類Dev

ul li での jQuery の問題

分類Dev

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

分類Dev

css <ul> <li>: アイテムの配置

分類Dev

nav / ul / liの位置と配置の段落

分類Dev

Djangoフォームエラー:<ul class = "errorlist"> <li> language <ul class = "errorlist"> <li>値のリストを入力してください。</ li> </ ul> </ li> </ ul>

分類Dev

<ul>の<li>値を変更する方法

分類Dev

javascriptの「ul」でタグ「li」の子要素を取得する方法

分類Dev

ULリスト-さまざまな色の箇条書き

分類Dev

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

分類Dev

3 階層の深さをオーバーフローさせる方法 メニュー ul > li > ul > li > ul > li

分類Dev

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

分類Dev

ul内のliは等間隔ではありません

分類Dev

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

分類Dev

liでulするオプションのあるoptgroup

分類Dev

<ul> からリストの箇条書きを削除

分類Dev

css flex ul、最初と最後の固定li

分類Dev

箇条書きがインラインで表示される<ul>での個々の箇条書きのスタイル設定

分類Dev

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

分類Dev

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

分類Dev

UL / LIで画像なしのスライダーを実行することは可能ですか?

分類Dev

ULからのLIに文字列があるかどうかを確認する方法(ULがいくつでもある場合)

分類Dev

カスタムフォントのUITextFieldsecureTextEntryの箇条書き?

Related 関連記事

  1. 1

    ul li aの<a>ではなく、ul liを歪める方法は?

  2. 2

    プラス記号はULの箇条書きリストにサインインしますか?

  3. 3

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

  4. 4

    li幅が可変のUl

  5. 5

    代替行の色 UL LI

  6. 6

    <ul >> <li>と<ul> <li>のcssスタイリングの違い

  7. 7

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

  8. 8

    ul li での jQuery の問題

  9. 9

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

  10. 10

    css <ul> <li>: アイテムの配置

  11. 11

    nav / ul / liの位置と配置の段落

  12. 12

    Djangoフォームエラー:<ul class = "errorlist"> <li> language <ul class = "errorlist"> <li>値のリストを入力してください。</ li> </ ul> </ li> </ ul>

  13. 13

    <ul>の<li>値を変更する方法

  14. 14

    javascriptの「ul」でタグ「li」の子要素を取得する方法

  15. 15

    ULリスト-さまざまな色の箇条書き

  16. 16

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

  17. 17

    3 階層の深さをオーバーフローさせる方法 メニュー ul > li > ul > li > ul > li

  18. 18

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

  19. 19

    ul内のliは等間隔ではありません

  20. 20

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

  21. 21

    liでulするオプションのあるoptgroup

  22. 22

    <ul> からリストの箇条書きを削除

  23. 23

    css flex ul、最初と最後の固定li

  24. 24

    箇条書きがインラインで表示される<ul>での個々の箇条書きのスタイル設定

  25. 25

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

  26. 26

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

  27. 27

    UL / LIで画像なしのスライダーを実行することは可能ですか?

  28. 28

    ULからのLIに文字列があるかどうかを確認する方法(ULがいくつでもある場合)

  29. 29

    カスタムフォントのUITextFieldsecureTextEntryの箇条書き?

ホットタグ

アーカイブ