`<shinbun-page>`

Page grid. Lays out articles and photos in columns.

Example

左の記事は3段。

右の記事も3段。

<shinbun-paper dan="6" chars="8" font-size="0.8rem">
  <shinbun-page>
    <shinbun-article span="3"><p>左の記事は3段。</p></shinbun-article>
    <shinbun-article span="3"><p>右の記事も3段。</p></shinbun-article>
  </shinbun-page>
</shinbun-paper>

Attributes

Name	Type	Description
`grid`	`boolean`	Coordinate grid: fix the line axis too and fit articles into rectangles

Properties

Name	Type	Description
`grid`	`boolean`

Methods

None

Slots

Name	Description
`(default)`	shinbun-article, shinbun-photo, shinbun-nameplate, shinbun-box The page becomes keyboard-focusable (`tabindex="0"`) while its content scrolls.

CSS custom properties

Name	Description
`--sb-dan`	Columns per page in vertical writing
`--sb-lines`	Lines in the coordinate grid