％sのCSS境界を測定できますか？

レイアウトがパーセンテージに基づいているため、境界線がパーセンテージになりたいと思っています。％sのCSS境界を測定できますか？

jsFiddle here

出典

2010-11-20 chromedude

これはコードです：http://goo.gl/AHvEH – chromedude

次回の質問に入れてください！ – Eric

@エリック、私は質問を作成した後であったので、私はそれをコメントした。 – chromedude

ペッカとサイムが指摘するようにいいえ、あなたは、少なくともではない確実に、境界線の幅のための比率を使用することはできません。

~~はい、あなたは国境にパーセンテージを使うことができますが、非常に正統ではない~~ 問題はおそらくレイアウトの他の場所にあります。

出典

2010-11-20 17:28:32

いいえ、動作しません – thejh

@thejhどのブラウザでですか？ –

@ ime Vidas：Chrome 9.0.587.0デベロッパーで試してみました。 – thejh

はい、仕様をチェックアウト：を含むブロックは、水平テキストモード、そうでなければ高さを有する場合http://www.w3.org/TR/css3-background/#border-width

%値はブロックを含むの幅に基づいています。

ブラウザ互換性：存在しません。
IE9ベータ版、FF4ベータ版7、Opera 10,63、最新のChrome、Safariのいずれのブラウザでも動作しません。私は右の仕様を読めば

出典

2010-11-20 17:31:29

真実ですが、これはCSS3で新しくなったようです。 –

、それはvalid in CSS 3です：

パーセンテージ：幅*ブロックを含むと

あるように思わCSS 1と2.1で無効：

パーセンテージ：N/A

したがって、私はそれが現在すべてのブラウザでサポートされているとは思わないでしょう。

出典

2010-11-20 17:31:41

問題は、どのブラウザがパーセンテージをサポートしているのか、どのブラウザがサポートしていないのかということです。 –

は、CSS3では有効ですが、CSS2では有効ではありません。

（本明細書で<length>によってを示す）長さの値のフォーマットは <number>（持つ又は小数点なし）である：

CSS2のボックスモデルはborder widthがlength型であり、言います直後にユニット（例：px、emなど）が続きます。の長さがゼロの場合、ユニット識別子は（オプション）です。

また、percentagesも同じものではなく、次のセクションで説明します。

今、CSS3を完全にサポートしているブラウザは、ごくわずかです。あなたはその機能に大きく依存したくないかもしれません。

出典

2010-11-20 17:34:06

édéric**すべての**現代のブラウザは、CSS3をある程度サポートしています。 –

@ ime、私はIE9が出てきたらいつでも正しいと思う;） –

édéricIE8で実装されているCSS3機能のリスト：@ font-face（部分的に）、間接的に隣接する（a~b）セレクタ、いくつかの属性セレクタオーバーフロー-xおよびオーバーフロー-y（部分的に）、ワードラップ、テキスト・ジャスティファイ・、書込みモード、ボックス・サイジング、ルビー・ポジション、ルビー・アラインメント、ルビー・アラインメント、オーバーハング、SVGカラーキーワード、透明（値）（部分的）。 IE8はCSS3をサポートしています。 –

％sのCSS境界を測定できますか？

答えて

関連する問題