HTML テキストのチップス

投稿日 2015/06/14

[Home] [Index] 

テキストの右寄せ、中央寄せなどするには

テキストの右寄せ、中央寄せなどするには text-align スタイルを使います。

 テキストの整列 text-align


テキストの余白を設定するには

テキストの余白を設定するには、そのテキストを含む p や div タグで padding スタイルを設定します。

<div style="padding:12px;">padding=12px</div>

行間を設定するには

行と行の間隔を変更するには line-height スタイルを使用します。

 行間隔 line-height


テキストに影を付けるには

テキストに影を付けるには text-shadow スタイルを使用します。

text-shadow: 横方向 縦方向 ぼかし 影の色;

 影付きテキスト text-shadow


文字の縁取りを表示するには

text-shadow スタイルを使うと文字を縁取ることもできます。

 縁取りテキスト


テキスト属性を設定するには

text-decoration スタイルを使うと下線や打消し線を表示できます。font-weight スタイルを使うと太文字にできます。font-style スタイルを使うと斜め文字(イタリック)にすることができます。

style="text-decoration:underline"
style="font-weight:bold;"
style="text-style:italic;"

 text-decoration


テキスト全体を囲む枠を表示するには

テキスト全体を囲む枠を表示するには、テキストを含む p や div 要素の border スタイルを設定します。背景色を設定するには、background-color スタイルを使います。

枠を表示

<p style="border:solid thin red">枠を表示</p>

領域からはみ出たテキストを折り返すには

領域からはみ出したテキストを折り返すには、text-wrap スタイルを使います。pre タグでは無効です。長い単語の途中での折り返しはされません。

style="text-wrap:unrestricted;border:solid thin red;background-color:white;"
xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxxxxxxx yyyyyyyyy yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy

領域からはみ出たテキストを途中で打ち切るには

領域からはみ出たテキストを途中で打ち切るには text-overflow スタイルを使用します。

 text-overflow


 

 


 このページの先頭  [Home]

 開設 2014年12月   著作権 2014-2015 bonk.red  連絡先: こちらからメッセージを送ってください。 (お仕事も大募集)

 このページの先頭へ..