吹き出しの横幅を自動調整する

テキストの長さに合わせて、吹き出しの横幅を自動調整します。
Lineやチャット風のデザインになりますので、会話形式でコンテンツを作りたい場合に便利です。

 

 

画像を円で表示

吹き出しの横(または上下)に表示される画像を、円で表示します。

フォントサイズ

吹き出し内の文字サイズを調整します。

 

吹き出し上部の余白

吹き出し全体の位置を調整するのに利用します。
指定した数値分だけ、吹き出し上部に余白が作られるため、
画像と吹き出しの位置を調整するすることができます。

 

 

画像の横幅の最大値

吹き出しの画像の最大値を指定します。
たとえば100pxに指定している場合、
画像の横幅の大きさは最大100pxとなります。

 

※上記の例では、画像の横幅が100px以下であれば表示に影響はありません。

 

また、画像のサイズはパーセントで指定することも可能ですので、
デバイスに応じて画像サイズを可変させたい場合にも利用できます。

 

吹き出しの縦幅上限

吹き出しの縦幅の上限を指定します。
たとえば60pxに指定されている場合、最大60pxの縦幅となり、
それを超えるテキストはスクロールで表示させることができます。