- ベストアンサー
CSSの単位指定
素朴な疑問です。 font-size: 0.5emのところをfont-size: .5emというように0を略すことは可能でしょうか。 モダンブラウザで見たところどちらも想定通りの挙動を示したのですが、公式でこの表記は許されているのでしょうか？
- anonymous（@phantom0112358）
- お礼率54% (75/138)
- HTML
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
css2.1の仕様で申し訳ないけど http://www.w3.org/TR/CSS21/syndata.html#numbers 4.3.1からすると . の前に0個以上の整数って書いてあるから .5 という記述は仕様上間違いではないわ
関連するQ&A
- CSSでの大きさの単位について
またまた、お世話になります。 フォントサイズの指定をどの単位にしたら良いか迷っています。 emについて調べると、 親要素のフォントの大きさを 1 とする単位 と書かれていたり、 その範囲で有効なフォントの高さを１とする単位 などと書かれています。 ブラウザの文字設定や解像度などで変わることは何となくわかったのですが、この単位ですと、作成時に大きさがつかめないことはないのでしょうか？ また、％はどうなのでしょうか？ 他の基準となる大きさに対する割合 と書かれていました。 他の基準というのは、そのページ内の他の文字ということでしょうか？ 基準となる文字は何なのでしょうか？ 説明の後に（基準はそれぞれ異なります）とあります。 あるページで、違いも確認しましたが、はっきり『こうなんだ』とは理解できませんでした。 どのようなパソコンでも、ほぼ同じように見えるようにするには、どの単位を使うのがいいのでしょうか？ 現在は、HTMLのフォントサイズを使ったり、CSSではptを使っています。 皆さんのご意見、アドバイスなどお聞かせ下さい。よろしくお願い致します。
- ベストアンサー
- その他（プログラミング・開発）
- CSS） emでのサイズ指定
CSS初心者です。 何のサイズをem単位で指定できるのか調べたくて、適当に h1,h2,h3,h4,p { font-size: 2em; margin: 1em; padding: 1em; margin-border: 1px; border-color: #000000; ligh-height: 1em; border-width: 1px; } としました。 すると、すべてのフォントサイズが同じになりました。 それぞれのヘディングが倍のサイズになると思っていたのですが、なぜこうなってしまったのでしょうか？ また、マージンのサイズ、パッデイングのサイズを視覚的に確認したいのですが、どうすればいいのでしょうか？
- ベストアンサー
- CSS
- CSSで文字指定：あるセレクタで指定した値を他のセレクタへ継承させることは出来ますか？
文字サイズをCSSで指定する方法についての質問です。 同一の文字サイズ指定でも、OS・ブラウザ間で表示にギャップがあります。 そのギャップを調整するために、JavaScriptを使用して OS・ブラウザごとにそれぞれ異なった外部CSSファイルを読み込むようにしています。 macintosh.css windows.css windowsIE.css ...このような振り分けCSSファイルでそれぞれ文字サイズ指定をしています。 CSSファイルの中身は、 macintosh.css .small { font-size: 10px; } /* 小さめ */ .middle { font-size: 12px; } /* 中くらい */ .large { font-size: 14px; } /* 大きめ */ windowsIE.css .small { font-size: 0.8em; } /* 小さめ */ .middle { font-size: 0.9em; } /* 中くらい */ .large { font-size: 1em; } /* 大きめ */ ...といった具合です。 このやり方では、h2の文字サイズを全て中くらいの大きさに指定したい場合、 全てのh2タグに <h2 class="middle"> と記述することになってしまいます。 これは煩雑なので一括指定したいと考えます。 すぐ思いつく方法は、振り分けCSSファイルにh2の文字指定も含めることです。 macintosh.css h2 { font-size: 12px; } windowsIE.css h2 { font-size: 0.9em; } ...のようなことです。 そうではなく、h2に .middle（＝中くらい）で指定した文字サイズをそのまま受け継がせる方法はないでしょうか？ h2 { class="middle" } 変な書き方ですが、意図を汲み取っていただけるでしょうか。 このように指定出来れば、かなり省力化出来るように思います。方法があればぜひお教え下さい。
- ベストアンサー
- HTML
- CSSで一般的でSEOに有効な値（単位）は？
お世話になります。初めて質問させていただきます。 CSSで使う「font-size」や「margin-top」等の属性の値（単位）は「em」「pt」「px」等、色々ありますが・・・ 【例1】 H1{ font-size: 12px; 【例2】 H1{ font-size: 12pt; 【例3】 H1{ font-size: 1em; 上記以外にも色々と値（単位）が有りますが、どれが一般的でSEOに有効ですか？（H1に限りません） また、CSSでの各種の属性に有効な値等が説明してあるHPなどありますか？ 教えて下さい。よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- CSSで設定する文字の大きさについて
DreamWeaverを利用してウェブサイトを作っています。 文字の大きさのところで大きさ、0.9em 高さ1.5emで作っていたのですが、知人から「ブラウザの文字サイズを小にすると全く見えない」と指摘を受けました。確か他の人から何かの設定をするとブラウザの文字サイズを小にしても文字がそこまで小さくならない（Yahoo!のような感じです）と聞いたのですが、％、exsで指定してもブラウザの文字サイズが小さいと文字がやたらと小さくなります。フォントサイズの指定はポリシーで設定したくないのですが、どういう手立てがあるでしょうか。CSSの本を読んでもかいていないのです・・・。友達がブラウザの文字サイズを中にする、という答え以外で宜しくお願いいたします。
- ベストアンサー
- HTML
- CSS IDごとのCLASS指定
以下のようなCSSがあった場合に、それぞれのIDに同じ名前で中身の違うCLASSを指定する事は出来るのでしょうか？ #main{ margin:0; padding:0; background: transparent; float : left; font-size : 0.8em; } #menu{ margin:0; padding:0; width:140px; float : left; font-size : 0.8em; background :url('img/back.gif') no-repeat left top; color:#17F600; } #mainにはこれ、 .txt { font-size : 1em; line-height : 120%; margin:0 0 5px 380px; padding:0 0 0 30px; text-align : left; color:#69788A; } #menuにはこれ .txt{ font-size : 1em; padding:0 0 0 10px; margin:5px 30px 5px 0; text-align : left; color:#69788A; border-bottom:1px solid #CFDEEF; } といったかんじなのですが…
- ベストアンサー
- HTML
- フォントサイズをemで指定すると太字になってしまう。
CSSで たとえば、 font-size:1.2em; と指定し、ブラウザ（ＩＥ６）で表示させます。 ブラウザの文字サイズが「中」のときは 問題ないのですが、「最大」にすると その文字が太字になっているのですがどうしてですか？太字にしたくないのです。 また、0.9emにして、「最小」表示させると ごま粒みたいな文字になってほとんど判読不可能です。 「最小」から「最大」まで変えても、きちんと読める ＨＰにしたいと思っていますが、 いまはしょうがないのでfont-sizeは指定していません。 emがうまく使いこなせません。 こんなことで悩んでいるのは自分だけでしょうか。
- ベストアンサー
- HTML
- cssで最適なfont-sizeの指定は？
（ブログのカスタマイズ初心者です。過去ログを探しても見つからなかったので、質問させて下さい） cssでのfont-sizeの記述は、どのような形が最適でしょうか？ px, em, ％, mediamやsmall、その他、単位が色々あって、迷ってしまいます。 pxで指定するのが一般的な気がしますが、IEで文字サイズを変えた時に、変わらないのが不便な気がします。 body {font-size: small; line-height: 160%; } のような形が良いように思いますが、あまり見かけません。 皆様は、どのようにしていらっしゃるのか、教えて頂けたらと思います。 よろしくお願い致します。
- ベストアンサー
- ブログ
- cssで指定するfontサイズについて教えてくだい
初歩的な質問で恐縮です。 cssの記述について質問いたします。 下記のようにcssを記述しているのですが、 一部だけ「font-size: small」を解除する方法はあるのでしょうか？ （要は、一部分をfont-size: X-smallにしたいのです。） * { font-size: small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #454545; letter-spacing: 0.05em; line-height: 180%; } a:link { color: #7B0215; text-decoration: none; } よろしくお願いいたします。
- ベストアンサー
- CSS
お礼
なるほど。あってもなくてもいいんですね。