締切済み

単語で先頭の文字色

2005/02/27 01:08

"Goo Mail Advance" と文字列があった場合に， G と M と A の文字色を変えたいのですが， <span…>Goo <span…>A … としないと出来ないのでしょうか?? Goo Mail Advance 風には出来ないのでしょうか?

xxx_cube_xxx
お礼率100% (17/17)

HTML
回答数7
ありがとう数10

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

みんなの回答

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/27 16:22 回答No.7

#2 です。 #6 のHTML例文を訂正します。 <html><head><title>TEST</title> <style type="text/css"></style> </head><body> Goo Mail Advance Goo Mail Advance </body></html>

質問者

お礼 2005/02/27 19:05

@media aural で，ってのも良いですね。でも今度気になるのは，どちらにもスタイルが適応されずに２行表示されるかな。って事です。 img でやってみようかな。

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

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/27 13:10 回答No.6

#2 です。 >心配したのは，音声での読まれ方なのです。最初の質問文に、それを記述して欲しかったな～。 mediaタイプを活用する方法が浮かびますが、私も質問者殿と同じく、音声ブラウザで確認する術を持っていません。ですので、以下の例文は参考程度に考えて見て欲しいです。また、通常のブラウザであっても、クライアントの環境（種類、バージョン）によっては、意味不明な表示がなされるかもしれません。結局、#5 さん回答の画像を用いる方法が、最も現実的かなと思います。 ●mediaタイプでCSSの住み分けをして、「音声スタイルシート」を使用する。 <html><head><title>TEST</title> <style type="text/css"></style> </head><body> Goo Mail Advance Goo Mail Advance </body></html> ---- 「音声スタイルシート」に関しては、 http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/aural.html を参照してください。

質問者

お礼 2005/02/27 18:58

何度も気にしてくれて，ありがとうございます。 > 最初の質問文に、それを記述して欲しかったな～。ですよねぇ。ごめんなさい。返信が遅れたので，#7 へ返信します。

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

hiro_izushi
ベストアンサー率40% (72/178)

2005/02/27 10:20 回答No.5

私も、CSS"first-letter"を使い、 GooM… で良いと思ったのですが、ダメと言うのなら、いっそ、画像を使ってしまっては、いかがでしょう。音声ブラウザは、altを読んでくれるので <img src="image.gif" height="30px" width="200px" alt="Goo Mail Advance"> としておけば良いかと。この場合、テキストブラウザで表示されないことがあると言われるのならば、CSSのバックグランドイメージを使う方法。 ●ＣＳＳ .goo_mail_advance { 　height: 30px; 　width: 200px; 　background-image: url(image.gif); 　background-repeat: no-repeat; } .hide { 　display: none; } ●ＨＴＭＬ <div class="goo_mail_advance"> 　Goo Mail Advance </div> もありますが、この場合はプリントアウトの際に"Goo Mail Advance"が印刷されないことがあるので、プリント用のスタイルシートも作成しなくてはなりません。

質問者

お礼 2005/02/27 18:53

> GooM… これですかね。 > この場合、テキストブラウザで表示されないことがあると言われるのならば Lynx for Win32 ってのを使ってるんですが，alt の中身を表示してくれます。テキストブラウザはこれしか使ってませんので，他のは知りませんでした。今後注意します。 > もありますが、この場合はプリントアウトの際に"Goo Mail Advance"が印刷されないことがあるので回りくどくなっちゃいますが，この方法も良いですね。

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

noname#223623

2005/02/27 06:02 回答No.4

#3です。 > JavaScriptとかCGI、PHPを使えばできるんだけどね～。と言ったものの、「JavaScriptはどうだろう」という気がしてきた。普段使わないので自信ないです。PerlとかPHPなら簡単だろうけど。とりあえず訂正しときます。すみません。

質問者

お礼 2005/02/27 18:44

JavaScript は，殆ど使わないので忘れちゃいました…。訂正を，ありがとうございます。

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

noname#223623

2005/02/27 03:34 回答No.3

JavaScriptとかCGI、PHPを使えばできるんだけどね～。といっても結局は<span…>Goo <span…>A …を自動生成するんだけど。 spanタグの入力が面倒だっていうんなら有効かも。 CSSでやるとなると、う～ん。やれないんだろうな。

質問者

お礼 2005/02/27 18:30

> CSSでやるとなると、う～ん。やれないんだろうな。そぉですかぁ…。これ位出来ても良いのに。と思いますが……。 GMA とは <span…>Goo M…の略語で… なんて機会あると思うんだけどなぁ…。

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

Bo_Bo
ベストアンサー率65% (97/149)

2005/02/27 03:09 回答No.2

出来ないでしょうね。ただ、段落の先頭文字のみを対象にするのであれば、CSSで書式設定できます。 <html><head><title>TEST</title> <style type="text/css"></style> </head><body> Goo Mail Advance </body></html> ---- Firefox 1.0, IE6, Opera 7.5 でのみ検証！

質問者

お礼 2005/02/27 03:17

心配したのは，音声での読まれ方なのです。 <span…>Goo とした時，"ジー"，オーオーになるかなって。それで思ったんですが， GooM… なら，グー，メール，アドバンスになる気が。ま，音声ブラウザ持ってないんですけどね。

質問者

補足 2005/02/27 03:20

「色は無理ですが」を，入れ忘れました。

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

rightegg
ベストアンサー率41% (1357/3236)

2005/02/27 01:31 回答No.1

こんばんは、 CSSを使わなくても良いのであれば、 G で変えることも出来ます。文字抜きだしで変えるのは、不可能だとまでは言いませんが、結局かなり難しくなるはずです。

質問者

お礼 2005/02/27 01:38

ども。 では，その通りだと思います。 Cascading Style Sheets で。と思っています。 > 文字抜きだしで変えるのは、不可能だとまでは言いませんが、結局かなり難しくなるはずです。 text-transform:capitalize; 風に色を変えたかったんですが，難しいですかぁ…。でも，出来なくは無いって事ですよね??

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