CSSリストスタイル位置の使い方

list-style-position属性はリストの先頭に表示するマークの位置を指定するために使用します。リストには外部指定方法と内部指定方法があります。 CSSの-style-の使い方について、以下で具体的な内容を見ていきましょう。

リストスタイル位置とは何ですか?

内のマーク(・)の表示を指定するために使用します。 (関連する推奨事項: CSS 学習マニュアル )

次の値を追加して、リスト内のマークの位置を指定しましょう。

外側

マークが外側に表示されると、インデント（凹み）表示になります。

#inside

タグはリストのコンテンツ領域内に表示され、タグの高さとタグの外側の部分を設定します。

次のコードを実行するとマークを完全に削除できます。

list-style-position: inside;
list-style-type: none;

具体的なコードを見てみましょう

HTML

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

CSS

li {
  list-style-position: inside;
  list-style-type: none;
}

効果をブラウザに表示します次のように: マーク (·) は消えています

この記事はここで終了します。関連コンテンツの詳細については、php の CSS ビデオ チュートリアル# を参照してください。中国語のウェブサイト ##さらに勉強してください！ ！ ！

以上がCSSリストスタイル位置の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。