みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

spanを使わずに文字列の一部を赤色にする方法

HTML/CSSについて教えてください。

文字列の一部を赤色にしたいとき、インラインで記載すると以下のようになると思います。
<span style="color:#FF0000;"> samplesamplesample </span>

上記内容を、
「span」を使わずにインラインで記載する方法を教えて欲しいです。
(HTML5用でお願いします)

※ググったところ、
<div style="display:inline;color:#FF0000;"> samplesamplesample </div>
という書き方でよさそうに思うのですが、詳しくないのでよく分からず・・。

<font style="color:#FF0000;"> samplesamplesample </font>
という書き方が、やりたいことに最も近い気がしますが、HTML5では禁止?されていると知りました。

恐れ入りますが、どなたかよい方法をお教えくださると嬉しいです。

投稿日時 - 2019-07-03 16:36:42

QNo.9631572

暇なときに回答ください

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

> div を無理やりインライン要素にするのは好ましくないとのことですが、方法としては認められている書き方と理解してよいのでしょうか。

div でも p でも table でもなんでもスタイルシートでインライン要素にして使う事は可能です。
まぁ使うんであれば b , em , i タグあたりを使った方がいいかもしれませんね。
font タグはHTML5では廃止されていて存在しません。

投稿日時 - 2019-07-04 06:44:07

お礼

具体的な回答をいただき、ありがとうございます。助かりました。
お礼が遅れてしまい申し訳ございません。
また何かありましたら、質問させていただきたく存じます。
よろしくお願いいたします。

投稿日時 - 2019-07-25 22:50:20

ANo.4

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

<div>だと改行が起きてしまうと思うので、文章の途中だけを赤い文字にするのには不向きではないでしょうか。
ほかの方も言っているように、<span>でいいのではないでしょうか。

投稿日時 - 2019-07-03 19:39:24

補足

前提が抜けておりました。
span に対しては、別のスタイルがCSSで当たっています。また、使用中ツールの都合によりspanにクラス名を振ることができません。そのためspan を使わない方法を探しています。

投稿日時 - 2019-07-03 23:53:09

お礼

お礼が遅くなって申し訳ございません。
回答いただきありがとうございました!

投稿日時 - 2019-08-02 17:38:37

ANo.2

あなたの言う通り

<div style="display:inline;color:#FF0000;"> samplesamplesample </div>

が一番適切だと思います。

fontタグはhtml5で使ってはいけない訳ではありませんが、廃止済なので、今後ブラウザが非対応になる可能性が0ではなく、避けるべきです。

投稿日時 - 2019-07-03 18:44:01

補足

前提が抜けておりました。
span に対しては、別のスタイルがCSSで当たっています。また、使用中ツールの都合によりspanにクラス名を振ることができません。そのためspan を使わない方法を探しています。

HTML5の考え方について承知しました。

div を無理やりインライン要素にするのは好ましくないとのことですが、方法としては認められている書き方と理解してよいのでしょうか。

投稿日時 - 2019-07-03 23:55:22

お礼

お礼がおそくなってしまい申し訳ございません。
ありがとうございました!

投稿日時 - 2019-08-02 17:39:34

ANo.1

なぜ span を使いたくないのでしょうか?
span は質問者さんがやりたいような事をするためのタグですから、span を使うのが正しい選択だと思います。

display:inline; はその要素をインライン要素として扱うためのスタイルですから、これを付ければどのようなタグでもインライン要素に変えられます。
しかし、タグはタグ本来の意味で使用しましょうというのが HTML5 の考え方ですから、違う目的のタグを無理やりインライン要素に切り替えて使うのは好ましくないと思います。

投稿日時 - 2019-07-03 17:46:34

補足

前提が抜けておりました。
span に対しては、別のスタイルがCSSで当たっています。また、使用中ツールの都合によりspanにクラス名を振ることができません。そのためspan を使わない方法を探しています。

HTML5の考え方について承知しました。

div を無理やりインライン要素にするのは好ましくないとのことですが、方法としては認められている書き方と理解してよいのでしょうか。

投稿日時 - 2019-07-03 23:57:04

お礼

お礼が遅くなって申し訳ございません。
何度も回答いただきありがとうございました!たすかりました!

投稿日時 - 2019-08-02 17:40:21

あなたにオススメの質問