Q&A
ご回答いただき、誠にありがとうございます。
pxを単位として追加したところ、エラーメッセージが表示されなくなりました。
参考にしたサイトは、0のため、単位を書いていなかったのですね。
前提・実現したいこと
HTML内にtableタグを作成し、その中にtrタグ、さらにtdタグを作り、tdタグにpaddingを設定しようとしています。
発生している問題・エラーメッセージ
ブラウザ（chrome）で、element.styleを確認したところ、paddingの設定に打ち消し線が入っており、下記のエラーメッセージが表示されています。
Invalid property value
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>JavaScriptの学習</title> 7</head> 8<body> 9 <table border="1" style="border-collapse: collapse"> 10 <tr> 11 <td style="padding-top:4;"> </th> 12 </tr> 13 </table> 14 <script src="js/practice_switch3.js"></script> 15</body> 16</html>
試したこと
thタグだったものをtdタグに変更しました。
また、
https://plaza.rakuten.co.jp/demerara/6010/
を参考に設定しました。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答2件
0
style="padding-top:4;" の 4に単位がないからじゃないでしょうか。
記事を確認しましたが、記事の中では0になっていましたよね。
0の場合は単位が省略できるのですが（書かなくてもよい）、今回は4を指定しているのでpxだったりの
単位が必要かと思います。
投稿2021/01/02 11:49
総合スコア42
0
ベストアンサー
padding-topの値の指定は「長さ」ですが、長さには（0を除いて）単位が必要です。
投稿2021/01/02 11:44
総合スコア146018
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/02 11:51