ボーダープロパティがリストアイテムで機能しないのはなぜですか？

このような簡単な質問をして申し訳ありませんが、私は立ち往生しており、既存の回答は私のために働いていません。私はそれをリストの最も簡単なケースに煮詰めましたが、私はボーダーを表示することはできません。ボーダープロパティがリストアイテムで機能しないのはなぜですか？

html, 
 
body, 
 
h1, 
 
h2, 
 
h3, 
 
p, 
 
ol, 
 
ul, 
 
li, 
 
a { 
 
    padding: 0; 
 
    border: 0; 
 
    margin: 0; 
 
    font-size: 100%; 
 
    font: inherit; 
 
} 
 

 

 
/* feed styling */ 
 

 
.feed ul { 
 
    list-style-type: none; 
 
    text-align: left; 
 
} 
 

 
.feed ul li { 
 
    border: 10px single black; 
 
    list-style-position: inside; 
 
}

<body> 
 

 
    <div class="feed"> 
 
    <ul> 
 
     <li>Item1</li> 
 
     <li>Item2</li> 
 
     <li>Item3</li> 
 
     <li>Item4</li> 
 
    </ul> 
 
    </div> 
 

 
</body>

出典

2017-07-29 brownmagik352

~~border: 10px single black;~~間違っています。

使用border: 10px solid black;

html, 
 
body, 
 
h1, 
 
h2, 
 
h3, 
 
p, 
 
ol, 
 
ul, 
 
li, 
 
a { 
 
    padding: 0; 
 
    border: 0; 
 
    margin: 0; 
 
    font-size: 100%; 
 
    font: inherit; 
 
} 
 

 
.feed ul { 
 
    list-style-type: none; 
 
    text-align: left; 
 
} 
 

 
.feed ul li { 
 
    border: 10px solid black; 
 
    margin: 5px 0px; 
 
    list-style-position: inside; 
 
}

<div class="feed"> 
 
    <ul> 
 
    <li>Item1</li> 
 
    <li>Item2</li> 
 
    <li>Item3</li> 
 
    <li>Item4</li> 
 
    </ul> 
 
</div>

出典

2017-07-29 17:59:14

すごい、私の部分に愚かなことをキャッチしてくれてありがとう！ – brownmagik352

@ brownmagik352うれしい私は助けることができました！コーディングを続けてください！ :) –

ボーダープロパティがリストアイテムで機能しないのはなぜですか？

答えて

関連する問題