1. ホーム
  2. ハイパーリンク

[解決済み】HTMLのリストスタイルタイプのダッシュボード

2022-04-20 16:53:02

質問

HTMLでリストスタイルを作成する際に、ダッシュ(つまり-または-)を使用する方法はありますか? – または — ) すなわち

<ul>
  <li>abc</li>
</ul>

出力する。

- abc

のようなもので行うことを思いつきました。 li:before { content: "-" }; しかし、私はそのオプションの短所を知りません(そして、フィードバックを大いに感謝します)。

もっと一般的に、リスト項目に一般的な文字を使う方法を教えてもらってもいいのですが。

どのように解決するのですか?

を使用することができます。 :beforecontent: IE 7以下ではサポートされていないことを念頭に置いてください。もし、それでもいいのであれば、これが最良の解決策です。以下の を使用できますか? または QuirksMode 詳細はCSS互換性テーブルをご覧ください。

古いブラウザで動作する、少し厄介な解決策は、箇条書きに画像を使用し、画像をダッシュのように見せることです。詳しくは W3C list-style-image ページ を例に挙げて説明します。