画像をコンテナの外にはみ出して見せる方法

執筆者:

カテゴリ:

,

画像をコンテナの外にはみ出させる(Peekさせる)方法

ここでは、背景色付きの行(Row)を追加し、その中に画像を配置しました。こちらです:

7a1ad1cd25 file 029qnDthFOコンテナの上にはみ出させる(「peek」させる)には、移動したい要素の上にマウスを置きます。枠線が表示されたら、枠線の上端を越えてマウスを移動させます。現在の上のマージン値が表示されるはずです:

3bb498880e file FqLy7ZTTHD

上のマージンを上方向にクリック&ドラッグしてマージンを減らし、マイナスの値にします:

4a89f1e31e file Zm8Z0aOtCs

これで画像が行の外に「はみ出る」ようになりました!

行の外側に出た際に要素が途切れてしまう(切り取られる)場合は、行のプロパティインスペクタを開き、詳細(Advanced)オプションにあるオーバーフローを非表示(overflow hidden)オプションをオフに切り替えてください:

0787678afd file pUDej5DLsQ