Where do the bullets come from on <li> elements?
Question
My current understanding is that different HTML elements are separated in their functionality by their default CSS styling, semantics aside.
Using custom CSS, you could (inadvisably) make any HTML element behave like any other.
If that is correct, the only thing I cannot account for is the bullets on
<li>
elements. What CSS causes them? How can you add that to other elements?
Note to future readers: I recently learned HTML elements also differ by content categories .
How to solved?
The bullets are contained "within" the padding of
<ul>
要素に含まれています。
パディングは緑、マージンはオレンジで表示されます。
パディングを減らすと、箇条書きがそのパディングの中に"あることがわかります。
のマージンを大きくする。
<ul>
のマージンを大きくすると、右にずれる。
は
list-style
プロパティは、弾丸そのものを制御します。これを
none
に設定すると非表示になります。また、マージンとパディングを
0
に設定する必要があります。
ul
{
list-style: none;
}
<イグ
マージン/パディングをすべて取り除き、箇条書きにしたい場合は、これを使用します。
ul
{
list-style: none;
margin: 0;
padding: 0;
}
<イグ
もちろん、他の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>
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] CSSの爆発を管理する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
[解決済み] HTMLのテーブルからボーダーを完全に削除する方法
-
[解決済み] HTML IFステートメント
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] div内の画像の下に余分なスペースがある