ベストアンサー

段落の最初の１文字を大きくする

2004/10/02 11:10

段落の最初の１文字を大きくするためのスタイルシートですが、html の中に直接記述するなら、 <style type="text/css"></style> なのですが、外部ファイル（.css）に記述する場合はどうすればいいのかわかりません。 p {first-letter: font-size: 24pt%;} としてみたのですが、指定どおり表示されません。よろしくお願いいたします。

parsley_s_r_t
お礼率62% (71/114)

HTML
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

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

ベストアンサー

UKY
ベストアンサー率50% (604/1207)

2004/10/02 12:52 回答No.3

申し訳ない、訂正です。前の回答で「p要素のfirst-child擬似要素」とあるのは「p要素のfirst-letter擬似要素」と読み替えてください。うっかり書き間違えてしまいました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

UKY
ベストアンサー率50% (604/1207)

2004/10/02 12:50 回答No.2

「p」と「p:first-letter」で二つあって面倒だからこれをひとつにまとめたいってこと? それは無理です。何をどうがんばってもCSSの文法上それはできません。というか、そもそもひとつにまとめる必要性が感じられないのですが……。 > 同じ p が二つに分かれてしまっているのですが「同じ p」じゃありません。「p」はp要素、「p:first-letter」はp要素のfirst-child擬似要素。全く別なものです。

質問者

お礼 2004/10/02 12:53

そうだったんですか。知らなかった。ご指摘のような意図だったんですが、できないということがわかったので、このままで行きます。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

elmclose
ベストアンサー率31% (353/1104)

2004/10/02 11:22 回答No.1

p:first-letter { font-size:24pt; } と記述すればよいのではないでしょうか。

質問者

補足 2004/10/02 11:57

ご回答ありがとうございました。ちょっとことばが正確ではなかったので、もう一度、書かせていただきます。現在、教えていただいたとおり、以下のようにすると、表示されるようになりました。 p { margin: 0.5em 0; その他の要素の定義……:} p:first-letter { font-size:24pt; } それで、上のようだと、同じ p が二つに分かれてしまっているのですが、これをまとめて書きたいのですが、その場合どうすればいいのかがわかりません。いろいろとためしたんですが、どれもうまくいきません。宜しくお願いいたします。

ログインすると、全ての回答が全文表示されます。