テキストの背景色

txt-bg

txt-bg パラメーターは、テキストブロック全体の背後に色付きのボックスを描画します。画像自体をぼかすことなく、情報量の多い写真の上に置いたキャプションを読みやすくする方法です。

値には Imgix が受け付ける任意のカラーを指定できます。3桁、6桁、8桁の16進数値、または CSSカラーキーワードです。8桁の形式では最初の2桁がアルファ値になるため、txt-bg=80000000 は半透明の黒いスクリムになります。

背景ボックスがない場合、txt-pad はテキストと画像の端との間隔です。txt-bg を指定すると、txt-pad はボックスの内側の余白となり、デフォルト値も 0 になります。そのため txt-pad を指定しないボックスは文字にぴったりと接します。

ボックスはテキストから外側に向かって広がるため、画像の端に寄せたテキストレイヤーではパディングが画像の外にはみ出し、ボックスが切れて見えます。端に寄せたテキストには十分な余白を確保するか、端から離して配置してください。

ボックスの角を丸めるには txt-radius を使用します。テキストと一緒にボックスをフェードさせるには txt-alpha を使用します。