ブロック要素したい(#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)
above、belowオプションで片側ずつ変更できます。
注釈
余白のサイズを調整する際は、一時的にstrokeオプションを有効にして、枠線を表示させるとスムーズに調整できます。