この画像はグリッド内にはなく、中央揃えで拡大できます。設定された幅は 500px です。

幅が指定されていない場合、画像はデフォルトで枠の幅いっぱいになり、最大で元のサイズの 100% になります。

 

 

この画像はグリッド内にはなく、左揃えで拡大できます。 設定された幅は 500px です。

 

この画像はグリッド内にはなく、右揃えで拡大でき、リンクがあります。 設定された幅は 500px です。

 

この画像はグリッド内にはなく、中央揃えで、拡大できません。 設定された幅は 500px です。

この画像は 50/50 グリッド要素にあり、ページの右側と同一面になるように右揃えされます。幅は 250px に設定されます。画像にはリンクもあります。

この画像は 50/50 グリッド要素にあり、ページの左側と同一面になるように左揃えされます。幅は 250px に設定されます。画像は拡大することもできます。

このグリッド要素も、見やすくするために薄い灰色の背景になっています。

この画像は 50/50 グリッド要素にあります。

この画像には幅が指定されていないため、枠いっぱいに拡大されます。画像は拡大することもできます。

このグリッド要素も、見やすくするために中間色の灰色の背景になっています。

 

これは全幅の画像です。

幅は指定されていないので、最大で画像の幅の 100% まで、枠いっぱいに拡大されます。

 

これは、large-default-padding クラスが追加された全幅の画像です。

 

これは、small-default-padding クラスが追加された全幅の画像です。