無料ホームページ作成!CSS・スタイルシート
リスト項目の位置

無料ホームページ作成!CSS・リスト
リスト項目の位置

ホームページのリスト項目の位置の指定

list-style-position属性

このlist-style-position属性はリスト項目の位置を指定できる属性です、使い慣れてくるとわかると思いますが値により使い勝手が違います、初心者の方はinsideの値がわかりやすいでしょう。
値の例を見て頂ければわかりますが、insideとoutsideでは文章などが2行目に渡ると表示が少し違います。

list-style-position属性の使い方

CSSソース

セレクタ{
	list-style-position:inside;
}
 
結果

list-style-position属性で宣言できる値

概要
inside リスト項目を内容の内側に表示
outside リスト項目を内容の内側に表示

値の使用例

outsideを宣言する場合はmarginやpaddingで左の余白を指定しておいたほうがよいでしょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS