web-dev-qa-db-ja.com

liタグの周囲の境界線

Liタグのボーダーにコンテンツだけでなく番号が含まれる方法はありますか？

ここに私がやろうとしていることのjsfiddleがあります： http://jsfiddle.net/Markinhos/VSnnd/8/

境界線に2番が含まれるようにします。

htmlcssborder
29
Markinhos

list-style-position:inside;を追加

.borderlist {
    list-style-position:inside;
    border: 1px solid black;
}
44
Giona
list-style-position: inside;

は、CSSボックスモデル内にあるかのようにリスト番号を処理するCSS属性です。

10
Rick Donohoe

list-style-position: inside;でこれを行うことができます

List-style-position CSSプロパティは、主要なブロックボックス内のマーカーボックスの位置を指定します。 ： [〜＃〜] mdn [〜＃〜]

jsFiddle

5
NullPoiиteя