`<shinbun-paper>`

Outer frame of a page: writing mode, theme and the page grid settings.

Example

紙面の外枠

段数は4、1段は8字。縦組みで、右から左へ読む。

<shinbun-paper dan="4" chars="8" font-size="0.8rem" theme="light">
  <shinbun-page>
    <shinbun-article span="4">
      <shinbun-headline size="m">紙面の外枠</shinbun-headline>
      <p>段数は4、1段は8字。縦組みで、右から左へ読む。</p>
    </shinbun-article>
  </shinbun-page>
</shinbun-paper>

Attributes

Name	Type	Description
`writing`	`"vertical"\|"horizontal"`	Writing mode (default: vertical)
`theme`	`"light"\|"dark"\|"auto"`	Color scheme
`preset`	`"15dan"\|"12dan"`	Column preset (15 or 12 columns)
`debug`	`boolean`	Outline the placed items
`responsive`	`number`	Switch to horizontal below this viewport width in px (default: 768)
`auto-tcy`	`boolean`	Wrap two-digit numbers for tate-chu-yoko
`dan`	`number`	Columns per page in vertical writing
`dan-h`	`number`	Columns per page in horizontal writing
`chars`	`number`	Characters per column in vertical writing
`lines`	`number`	Lines in the coordinate grid
`font-size`	`string`	Body font size, e.g. 0.8rem

Properties

Name	Type	Description
`writing`	`Writing`
`theme`	`Theme \| null`

Methods

Name	Returns	Description
`applyTcy()`	`number`	Wraps two-digit numbers in `sb-tcy` spans. Returns the number of spans added.
`overflow()`	`Element[]`	Returns articles in the coordinate grid whose text overflows the box.

Slots

Name	Description
`(default)`	shinbun-page, nameplate, folio

CSS custom properties

Name	Description
`--sb-paper`	Paper color
`--sb-ink`	Text color
`--sb-accent`	Accent color
`--sb-font-body`	Body font
`--sb-gap`	Gap between columns and articles