typst-property-output.md

```
% pandoc -f html -t typst
<span typst:text:fill="orange">foo</span>
^D
#text(fill: orange)[foo]
```

```
% pandoc -f html -t typst
<span>foo</span>
^D
foo
```

```
% pandoc -f html -t typst
<div typst:inset="10pt">foo</div>
^D
#block(inset: 10pt)[
foo
]
```

```
% pandoc -f html -t typst
<div typst:text:fill="purple">foo</div>
^D
#block[
#set text(fill: purple); foo
]
```

```
% pandoc -f html -t typst
<div>foo</div>
^D
#block[
foo
]
```

```
% pandoc -f html -t typst
<table typst:fill="blue">
  <tr><td>A</td><td>B</td></tr>
</table>
^D
#figure(
  align(center)[#table(
    columns: 2,
    align: (auto,auto,),
    fill: blue,
    [A], [B],
  )]
  , kind: table
  )
```

```
% pandoc -f html -t typst
<table typst:text:fill="orange">
  <tr><td>A</td><td>B</td></tr>
</table>
^D
#figure(
  align(center)[#set text(fill: orange); #table(
    columns: 2,
    align: (auto,auto,),
    [A], [B],
  )]
  , kind: table
  )
```

```
% pandoc -f html -t typst
<table>
  <tr><td>A</td><td typst:fill="green">B</td></tr>
</table>
^D
#figure(
  align(center)[#table(
    columns: 2,
    align: (auto,auto,),
    [A], table.cell(fill: green)[B],
  )]
  , kind: table
  )
```

```
% pandoc -f html -t typst
<table>
  <tr><td>A</td><td typst:text:fill="fuchsia">B</td></tr>
</table>
^D
#figure(
  align(center)[#table(
    columns: 2,
    align: (auto,auto,),
    [A], [#set text(fill: fuchsia); B],
  )]
  , kind: table
  )
```

```
% pandoc -f html -t typst
<table>
  <tr><td>A</td><td typst:text:fill="maroon" align="center">B</td></tr>
</table>
^D
#figure(
  align(center)[#table(
    columns: 2,
    align: (auto,center,),
    [A], table.cell(align: center)[#set text(fill: maroon); B],
  )]
  , kind: table
  )
```

```
% pandoc -f html -t typst
<table>
  <tr><td>A</td><td typst:align="horizon" align="center">B</td></tr>
</table>
^D
#figure(
  align(center)[#table(
    columns: 2,
    align: (auto,center,),
    [A], table.cell(align: horizon + center)[B],
  )]
  , kind: table
  )
```


```
% pandoc -f html -t typst
<table>
  <tr><td>A</td><td>B</td></tr>
</table>
^D
#figure(
  align(center)[#table(
    columns: 2,
    align: (auto,auto,),
    [A], [B],
  )]
  , kind: table
  )
```