ブロック要素したい(#block

1#block(
2  fill: luma(230),
3  inset: 8pt,
4  outset: 8pt,
5  radius: 4pt,
6  stroke: 1pt,
7)[
8  #lorem(30)
9]

block要素は、コンテンツをブロック化する機能です。 ブロック化することで、枠線、背景色、余白などを設定できるようになります。

自作テンプレートを作成する際に、とりあえず使っておくとよいです。 あとからカスタマイズ可能にしたい場合にも便利です。

参考

HTMLのブロック要素(divなど)に相当する機能です。

大きさしたい(width / height

1#block(
2  width: 90%,
3)

widthオプションで、ブロック要素の横幅を変更できます。

背景色したい(fill

1#block(fill: none)

fillオプションで、ブロック要素の背景色を変更できます。

注釈

text要素fillオプションは文字色、 block要素は背景色を変更できます。

枠線したい(stroke

1#block(stroke: (:))

strokeオプションで、ブロック要素の枠線を変更できます。

角丸したい(radius

1#block(
2  stroke: 1pt,
3  radius: 1em,
4)

radiusオプションで、ブロック要素の枠線の角の丸みを変更できます。

注釈

strokeオプションによる枠線表示と併用しないと、変更がわかりません。

余白したい(inset / outset / spacing

1#block(inset: (:))

insetオプションで、ブロック要素の内側の余白(=パディング)を変更できます。

1#block(outset: (:))

outsetオプションで、ブロック要素の外側の余白(=マージン)を変更できます。

1#block(spacing: 1.2em)

spacingオプションで、ブロック要素の上下の余白を変更できます。

1#block(above: auto)
2#block(below: auto)

abovebelowオプションで片側ずつ変更できます。

注釈

余白のサイズを調整する際は、一時的にstrokeオプションを有効にして、枠線を表示させるとスムーズに調整できます。

リファレンス