height: n%;の正しい仕様 - Web標準普及プロジェクト
height: n%;の正しい仕様 CSSでは例えばheight: 100%;と書いた場合、実際にどういった高さとなるかご存じでしょうか? この算出値は親要素に左右されるのですが、 よく勘違いされている方がいるので正しい仕様を紹介しておこうと思います。 なおここでは話を分かりやすくするために通常フローの場合であることを前提に記述しています。 通常フローでは無い要素の場合、親要素を包含ブロックに読み替えてください。 親要素の高さが明らかな場合 多くの方はこの場合の仕様のみをご存じのはずです。 説明する間でもなく、親要素の高さのn%がその要素の高さとなります。 例えばheight: 300px;の要素の子要素が height: 50%;だった場合、その算出値は150pxになります。 親要素の高さが'auto'の場合 heightプロパティの初期値はautoです。 つまり、明示的にheight:
Web標準化Tips - Web標準普及プロジェクト
特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。
title属性をつけてスタイルシートを読み込む場合の注意点
title属性をつけてスタイルシートを読み込む場合の注意点 link要素にtitle属性を付けてスタイルシートを読み込ませるとこれは優先スタイルシートと呼ばれるスタイルシートになります。 この件について問題があるサイトが報告されていますので、この辺の仕様と注意点について紹介しておきましょう。 固定スタイルシート(persistent style sheet) 固定スタイルシートとは文字通り、固定的に読ませるスタイルシートの指定方法です。 これによって指定されているスタイルは、以下で説明する優先スタイルシートや、代替スタイルシートと同時に適用されます。 固定スタイルシートはtitle属性を付けずにlink要素を記述します。 <link rel="stylesheet" href="foobar.css" type="text/css"> 優先スタイルシート(preferred style s
文字コード宣言は行いましょう(CSS) - Web標準普及プロジェクト
文字コード宣言は行いましょう(CSS) 注意:文字コード宣言を何故行うべきなのか、 ということについては「文字コード宣言は行いましょう(HTML)」を参照してください。 CSSファイルで日本語というとピンと来ない人もいるかと思いますが、font-familyや、content等、 日本語を用いる可能性のあるプロパティも存在しています。 また、CSSファイル内にコメントを記述する場合は多くの人が日本語を使用すると思います。 日本語のプロパティ値を使う場合には文字コード宣言が無いとMozillaはそのプロパティの値を誤って解釈し、思い通りの表示にならないかもしれません。 また、コメント中の日本語が原因で最悪、そのCSSファイル内の指定が全て無効になってしまうかもしれません。 CSSファイルでもできる限り文字コードを宣言するようにしましょう。 CSSファイルでの文字コード宣言の仕方 CSSファイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
