Q&A
問題が再現しませんでした。
tr {
border: 1px solid;
}
としても td にボーダーは表示されませんでした。
table構造においてtr要素にborderプロパティを設定して、その子のtd要素には何も設定しない状態でHTMLを開くと
IE11ではtd要素にtrに設定したborderプロパティの値は継承されないんですが、Chromium Edgeでは継承されます。
borderは継承されないプロパティだと思うんですが、Chromium Edgeでは継承されてしまう理由を教えてください。
html
1<!doctype html> 2<html lang="ja"> 3<head> 4 <meta charset="SJIS"> 5 <title>HTML Sample</title> 6 <style> 7 .noBorder { 8 border: 0px; 9 } 10 .testBorderRed { 11 font-weight: bold; 12 border-top: 1px solid #ff0000; 13 border-bottom: 1px solid #ff0000; 14 border-right: 1px solid #ff0000; 15 border-left: 1px solid #ff0000; 16 } 17 .testBorderBlack { 18 font-weight: bold; 19 border-top: 1px solid #000000; 20 border-bottom: 1px solid #000000; 21 border-right: 1px solid #000000; 22 border-left: 1px solid #000000; 23 } 24 </style> 25</head> 26<body> 27 <table border="1" class="noBorder"> 28 <tr class="testBorderBlack"> 29 <td>1-1</td> 30 <td>1-2</td> 31 <td>1-3</td> 32 </tr> 33 <tr class="testBorderRed"> 34 <td>2-1</td> 35 <td>2-2</td> 36 <td>2-3</td> 37 </tr> 38 <tr> 39 <td>3-1</td> 40 <td>3-2</td> 41 <td>3-3</td> 42 </tr> 43 </table> 44</body> 45</html>
上記のコードをIE11,Edgeで表示したときにキャプチャが下記です。
回答1件
0
ベストアンサー
"Issue 1172023: Border attribute on TABLE element incorrectly affects the border-color of TD" によると、border 属性が <table> に存在する場合に起きるバグのようです。
投稿2021/12/02 13:38
総合スコア21756
あなたの回答
tips
プレビュー
