- ベストアンサー
文字のサイズを大きくしつつ、中央に表示させる方法は?
- ファイアフォックスで文字のサイズを大きくしつつ、中央に表示させる方法を教えてください。
- テスト1は中央に表示されるが文字が小さいままで、テスト2は文字は大きく表示されるが中央に表示されない問題があります。
- IEではテスト1の方法で中央に表示されつつ文字も大きくなりますが、両方を行うにはどうすればいいでしょうか?
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
TTWGAICPBIGDさん ファイアフォックスで???というのが良くわかりませんが。 スタイルシートの書き方は以下のようになります。 <div style="text-align:center;font-size:300%;"> test1<br />test2 </div> もしくは、 <div style="text-align:center;font-size:300%;">test1</div> <div style="text-align:center;font-size:300%;">test2</div> うまく行くとよいですね!
その他の回答 (4)
<div style="text-align:center;font-size:1.5;">test1</div> <div style="font-size:3.0">test2</div> スタイルシートの記述間違いです。 %以外にも、いろいろな記述方法があります。 <body>内にCSSを書くことは、ソールが読みにくくなるので、外部CSSに記述し、読みこむことを、お勧めします。 .text1{font-size:1.5;lineheight:1.5;} .text2{font-siz:3em;lineheight:1.6;} などと記述して、<p class="text1">test1</p>と、記述した方が、ソースがきれいだと思います。 http://www.nanden.asia/test3/test.zip
お礼
ありがとうございます。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
ひとつの要素に二つ以上のstyle属性があると、詳細度が同じですから後から書かれた宣言が有効になって、前にかかれたものを上書きします。 スタイルの宣言は セレクタ{宣言ブロック} で宣言ブロック内は;で区切られた宣言の集合になります。 style属性の場合はセレクタや{}はありません。 よって <h1 style="text-align:center;font-size:300%;">test</h1> となります。 DIVのこの様な使い方は望ましくありません。
お礼
ありがとうございます。
- DrFell
- ベストアンサー率55% (305/551)
#1です。説明をするのを忘れていました。 「;」 で区切ることで複数の宣言をすることが出来ます。 なので、 <div style="text-align:center;font-size:300%;background:#ccccff;border:#aaaaff solid 1px;padding:2px;">test1</div> などと、いくつものプロパティや値を書くことができます。
お礼
ありがとうございます。
- DrFell
- ベストアンサー率55% (305/551)
<div style="text-align:center;font-size:300%;">test1</div>
お礼
ありがとうございます。
お礼
ありがとうございます。