1. ホーム
  2. 質問と答え
  3. ここからボディーにボーダーが継承されないのはなぜですか？

ここからボディーにボーダーが継承されないのはなぜですか？

2017-05-25 9 views
-2

なぜ#boxはborderから継承されますか？bodyここにありますか？ Chromeデベロッパーツールでhtmlソースを調べようとしましたが、borderが継承されていないことに気付きました。ここからボディーにボーダーが継承されないのはなぜですか？

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>The Box Model</title> 
<style> 

body { 
    background-color: gray; 
    margin: 0; 
    padding: 0px; 
    border: 10px solid black; 

} 

#box { 
    background-color: blue; 
    padding: 10px 10px 10px 10px; 
    width: 300px; 
} 

#content { 
    background-color: #90EE90; /*green*/ 
} 

h1 { 
    margin-bottom: 30px; 
} 

</style> 
</head> 
<body> 

<h1>Box Model</h1> 

<div id="box"> 
    <div id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> 
</div> 


</body> 
</html>

出典

2017-05-25 abc

+1

境界線はデフォルトでは継承されません。 – inarilo

+1

私はあなたのコードのどこにでも '継承'がありません。あなたがそれを指定しなければ、どうやって継承するのですか？ –

答えて

3

これを追加します。border: inherit;これは、親からボーダープロパティを継承します。

CSS：

#box { 
    background-color: blue; 
    padding: 10px 10px 10px 10px; 
    width: 300px; 
    border: inherit; 
}

出典

2017-05-25 06:17:19

1

あなたは、このための継承プロパティを必要としています。

#box { 
    border: inherit; 
}

出典

2017-05-25 06:19:32 Quasar

1

を継承する「継承」を指定する必要がありません - あなたは追加することができます、 "border"はデフォルトで継承プロパティではありません。

出典

2017-05-25 06:27:59 hawkcraft

 関連する問題

  • 関連する問題はありません^_^