Traducción no oficial al español rioplatense, generada con IA (Claude Sonnet 5.5) bajo la dirección y revisión de Jassiel Ovando. No es una publicación de Typst GmbH ni cuenta con su aval; ante cualquier duda, prevalece la documentación oficial en inglés. ¿Un error de traducción o una sugerencia? Reportalo. Tipografía: Reforma, de PampaType.

blockElemento
Signo de pregunta
Desde: siempreIr al código fuente

Un contenedor de bloque.

Un contenedor así se puede usar para separar contenido, para darle tamaño o recortarlo, o para darle un fondo o un borde.

Los bloques también son la forma principal de controlar si el texto pasa a formar parte de un párrafo o no. Mirá la documentación de párrafos para más detalles.

Ejemplos

Con un bloque, podés darle un fondo al contenido y, aun así, permitir que se corte entre varias páginas.

#set page(height: 100pt) #block( fill: luma(230), inset: 8pt, radius: 4pt, lorem(30), )

Los bloques también son útiles para forzar a que elementos que de otro modo serían en línea pasen a ser de nivel de bloque, especialmente al escribir reglas show.

#show heading: it => it.body = Blockless More text. #show heading: it => block(it.body) = Blocky More text.

Parámetros

width
auto o relative
Configurable con set
Signo de pregunta
Por defecto: auto

El ancho del bloque.

ExpandirVer ejemplo
#set align(center) #block( width: 60%, inset: 8pt, fill: silver, lorem(10), )

height
auto o relative o fraction
Configurable con set
Signo de pregunta
Por defecto: auto

La altura del bloque. Cuando la altura es mayor que el espacio restante de una página y breakable es true, el bloque continuará en la página siguiente con la altura restante.

ExpandirVer ejemplo
#set page(height: 80pt) #set align(center) #block( width: 80%, height: 150%, fill: aqua, )

breakable
bool
Configurable con set
Signo de pregunta
Por defecto: true

Si el bloque se puede cortar y continuar en la página siguiente.

ExpandirVer ejemplo
#set page(height: 80pt) The following block will jump to its own page. #block( breakable: false, lorem(15), )

fill
none o color o gradient o tiling
Configurable con set
Signo de pregunta
Por defecto: none

El color de fondo del bloque. Mirá la documentación del rectángulo para más detalles.

stroke
none o length o color o gradient o stroke o tiling o dictionary
Configurable con set
Signo de pregunta
Por defecto: (:)

El color del borde del bloque. Mirá la documentación del rectángulo para más detalles.

radius
relative o dictionary
Configurable con set
Signo de pregunta
Por defecto: (:)

Cuánto se redondean las esquinas del bloque. Mirá la documentación del rectángulo para más detalles.

inset
relative o dictionary
Configurable con set
Signo de pregunta
Por defecto: (:)

Cuánto relleno se agrega al contenido del bloque. Mirá la documentación de box para más detalles.

outset
relative o dictionary
Configurable con set
Signo de pregunta
Por defecto: (:)

Cuánto se expande el tamaño del bloque sin afectar el diseño. Mirá la documentación de box para más detalles.

spacingPor defecto: 1.2em

El espaciado alrededor del bloque. Cuando es auto, hereda el spacing del párrafo.

Entre dos bloques adyacentes, gana el mayor entre el espaciado below del primer bloque y el above del segundo. Además, el espaciado de bloques tiene prioridad sobre el spacing del párrafo.

Tené en cuenta que esto es solo un atajo para establecer above y below en el mismo valor. Como los valores de above y below pueden diferir, un bloque de contexto solo da acceso a block.above y block.below, no directamente a block.spacing.

Esta propiedad se puede usar en combinación con una regla show para ajustar el espaciado alrededor de elementos arbitrarios de bloque.

ExpandirVer ejemplo
#set align(center) #show math.equation: set block(above: 8pt, below: 16pt) This sum of $x$ and $y$: $ x + y = z $ A second paragraph.

above
auto o relative o fraction
Configurable con set
Signo de pregunta
Por defecto: auto

El espaciado entre este bloque y su antecesor.

below
auto o relative o fraction
Configurable con set
Signo de pregunta
Por defecto: auto

El espaciado entre este bloque y su sucesor.

clip
bool
Configurable con set
Signo de pregunta
Por defecto: false

Si se recorta el contenido que está dentro del bloque.

Recortar es útil cuando el contenido del bloque es más grande que el propio bloque, ya que todo el contenido que exceda los límites del bloque quedará oculto.

ExpandirVer ejemplo
#block( width: 50pt, height: 50pt, clip: true, image("tiger.jpg", width: 100pt, height: 100pt) )

sticky
bool
Configurable con set
Signo de pregunta
Por defecto: false

Si este bloque debe quedar pegado al siguiente, sin corte entre ambos.

Por defecto, esto se establece en los bloques de títulos para evitar títulos huérfanos al final de la página.

ExpandirVer ejemplo
// Disable stickiness of headings. #show heading: set block(sticky: false) #lorem(20) = Chapter #lorem(10)

body
none o content
Posicional
Signo de pregunta
Configurable con set
Signo de pregunta
Por defecto: none

El contenido del bloque.