TOP ＞ 基本 イメージと文字
画像イメージと文字の配置について説明します。
＜img src=”●” align=”◎”＞～＜body＞◎＝top,middle,bottom
align属性で、画像と文字列の位置を指定できます。デフォルトではbottomになりますので、文字列は画像の下に揃います。topでは、画像の上端にそろい、middleでは中央揃いになります。しかし、画像は文字と同じ扱いになりますので、画像のある行には文字列も1行しか表示されません。
topと指定した場合
middleと指定した場合
bottomと指定した場合
＜img src=”●” align=”◎”＞ ◎＝left,right
さきほどと異なり、属性値にleft、rightを指定すると画像の横に複数行の文字列を回り込ませることができます。leftの場合は、画像が左端に寄せられ、文字列は右側に回り込み、rightの場合は画像が右側に寄せられ、文字列が左側になります。
leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。leftと指定した場合。
rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。rightと指定した場合。
＜br clear=”●”＞ ●＝left,right,all
＜br clear=”●”＞移行の文字列の画像への回り込みを禁止し、画像の下に配置します。align=”left”の場合は、clear=”left”、align=”right”の場合はclear=”right”というように対で使用しますが、clear=”all”としてすべての回り込みを禁止させることも可能です。
回り込み禁止。
＜img src=”●” border=”◎”＞ ◎＝境界線の太さを指定するピクセル数
画像の周囲を縁取るように境界線をつけるのがborder属性です。属性値にピクセル数で太さを指定することができます。境界線の色は＜body＞タグのtextオプションで指定した標準のテキストの色になります。
＜img src=”●” align=”◎” vspace=”■” hspace=”□”＞ ■＝上下の余白ピクセル数、□＝左右の余白ピクセル数
画像の周辺に文字列を回り込ませた場合、文字と文字列の間隔を空けるときれいに配置されます。vspaceは上下の余白、hspaceは左右の余白をピクセル数で指定します。
上下の余白
左右の余白
▼スポンサーリンク 特18 2/20
伝票 用紙
静岡 ビジネスホテル
川越 不動産