html - css,html: html 要素に許可されたプロパティ、良い参考サイト

Question

tr などの一部の要素は、すべての基本的な css プロパティをサポートしていないようです。たとえば、私が知る限り、次のようなことをしています：

 <tr style="padding-top: 250px;">

効果はありません。要素の種類ごとに許可されているプロパティを説明しているサイトへの適切なリンクを教えてください。また、上記の制限についてコメントがある場合は、共有してください。

Answer 1

Mozilla Developer Network ( MDN )で検索できます。

たとえば、https://developer.mozilla.org/en-US/docs/Web/CSS/paddingから

適用対象:table-row-group、table-header-group、table-footer-group、table-row、table-column-groupおよびを除くすべての要素table-column

<tr>は (デフォルトで) atable-rowであるため、padding何もしません。

 

許可されるプロパティは要素の種類だけに依存するわけではないため、要素の種類ごとに許可されるプロパティのリストを作成することはできないことに注意してください。

たとえば、プロパティ<div>をdisplay:table-row無視する ( Demo )。padding

Answer 2

. ではなくor要素にpadding-topを配置することになっています。<td></td><th><tr>

パディングやマージンなどのブロック要素は<div>サポートしますが、インライン要素などはサポートし<span>ません。

<tr>コードを

<tr style="padding-top: 250px; display: block;">

または使用する場合

tr { display: block; }