• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSSのショートハンドの記述ルールについて)

CSSのショートハンドの記述ルールについて

このQ&Aのポイント
  • CSSショートハンドの記述ルールについて疑問があります。
  • XHTMLのTransitionalで宣言しているファイルでの話です。
  • ex1とex2のショートハンド記述の違いによる線の表示の違いについて調べています。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

W3C定義のCSSルールでは、 http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties > Omitted values are set to their initial values. 省略した場合はブラウザデフォルトが適用されることになっています。 IEは、 http://msdn2.microsoft.com/en-us/library/ms530744(VS.85).aspx > So, not only does the property set width to > thin > , it also clears any style or color values previously set. と書かれていますので、 以前セットした値をクリアする=デフォルト値を適用すると解釈すると、 デフォルト値にならないバグと思います。 > ・ex1と同じ見た目のものを作成したい時、自分(回答者様)ならどう記述するか 全体をまとめて書いてから、部分的に違わせたいところは、その違う部分だけを改めて指定をします。 > ・そう記述する根拠 カスケードや継承のメリットを生かすため。 div{ border: 0 none; } .ex1 { border-top: solid 1px #000000; border-bottom: solid 1px #000000; } または div{ border: 0 none; } .ex1 { border-color: #000000; border-width: 1px; border-style: solid none; } ex2のような書き方をしないので、IEの問題は初めて知りました。 > ショートハンドのルールについて詳しく解説しているサイトをもしご存知でしたら、 W3C http://www.w3.org/TR/CSS21/ (英語) MSDN http://msdn2.microsoft.com/en-us/library/aa155110.aspx (英語) ここからCSSのページへたどって下さい。 W3Cの公式邦訳サイトはないみたいですが、 http://www.w3.org/2005/11/Translations/Lists/ListLang-ja.html 「CSS 翻訳」などのキーワードで検索すると見つかるかもです。 ご参考まで。

thila
質問者

お礼

IEの挙動がやはりおかしいのですね。 1行でなんとか記述出来ないものかと色々試していた結果、このような記述に至っていました。 talooさんの具体的な記述を見て、面倒臭がらずにしっかり記述することが大切だなと痛感しました。 恥ずかしながら、翻訳サイトを併用しても文章の意味を汲み切れないレベルの英語力なので、W3Cは目を通そうとしては諦めるということを繰り返しておりまして…。 「翻訳」で検索ということに目から鱗が落ちました。 今までHTMLに関してもCSSに関しても、W3C等でチェックしてエラーがなければOKというスタンスだったので、もう少し詰めて勉強していきたいと思います。 細やかなご回答ありがとうございました。

関連するQ&A

専門家に質問してみよう