コンテンツ

• 説明書
• CSSを使用してテキストに下線を引く
• HTMLを使用してテキストに下線を引く
• どうやって
• お知らせ
• 必要なもの

下線を付けると、Webページ内のテキストを強調表示したり強調したりできます。テキストは、CSSスタイルシートを使用して、text-decorationプロパティを使用して、またはあまり望ましくはないがHTML U要素を使用して、下線を引くことができます。

説明書

HTMLテキストに下線を引くことを学ぶ （Fotolia.comからのGeorgios Alexandrisによる情報インターネットリンク画像）

CSSを使用してテキストに下線を引く

1. 下線を引くテキストを検索または入力します。

2. テキストの前に開始タグを追加し、その後に終了タグを追加して、SPAN要素内に配置します。

3. 次のように、STYLE属性を追加してSPAN内のテキストに下線を引くことで指定します。STYLE = "text-decoration; underline;"

4. SPANにclass属性を追加して、テキストのアンダースコアを定義するCSSクラスの名前を指定します。前の手順で説明したように、これはSTYLE属性を使用する代わりになります。 CSSクラス宣言の形式は次のとおりです。.my-underlined-class {text-decoration：underline;} }

HTMLを使用してテキストに下線を引く

1. 下線を引くテキストを検索または入力します。

2. テキストの前後に開始タグと終了タグを配置して、U要素内に含めます。

3. これはすぐにできます。

どうやって

• WYSIWYG HTMLエディタを使用している場合は、CSSまたはHTMLをエンコードせずにテキストに下線を引くために下線のメニュー項目またはツールバーアイコンを探します。
• CSSのtext-decorationプロパティを使用して、上線、改行文字、または既存の下線を無効にすることもできます（なし）。

お知らせ

• 下線は、クリックできるリンクを示すためにWebページでよく使用されるので、混乱を避けるために控えめに使用してください。

必要なもの

• テキストエディタまたはHTMLエディタ