shinbun-components

<shinbun-article>

Article. Occupies `span` columns; body text flows across them, headlines and photos span all of them.

Example

トップ記事

見出しは全段にまたがり、本文は6段に分かれて流れる。本文が長くなると、段をまたいで続く。

<shinbun-paper dan="6" chars="8" font-size="0.8rem">
  <shinbun-page>
    <shinbun-article span="6" lead>
      <shinbun-headline size="m">トップ記事</shinbun-headline>
      <p>見出しは全段にまたがり、本文は6段に分かれて流れる。本文が長くなると、段をまたいで続く。</p>
    </shinbun-article>
  </shinbun-page>
</shinbun-paper>

Attributes

NameTypeDescription
spannumberNumber of columns (1-15)
ynumberStart column (1-15)
xnumberStart position on the line axis (1-60)
wnumberLines occupied on the line axis (1-60)
leadbooleanLead article (double rule below)
editorialbooleanEditorial: slightly larger body text
columnbooleanSigned column with a tinted background

Properties

NameTypeDescription
leadboolean

Methods

None

Slots

NameDescription
(default)shinbun-headline, shinbun-photo, paragraphs

CSS custom properties

None