北原国際病院

北原国際病院
042-645-1110

スタイルガイド(キッチンシンク)

公開しないようにご注意下さい。

見出し要素

デフォルト

h1見出し要素の表示です。

h2見出し要素の表示です。

h3見出し要素の表示です。

h4見出し要素の表示です。

h5見出し要素の表示です。
h6見出し要素の表示です。

見出し内に小テキストあり

h1見出し要素の表示です。 Secondary text

h2見出し要素の表示です。 Secondary text

h3見出し要素の表示です。 Secondary text

h4見出し要素の表示です。 Secondary text

h5見出し要素の表示です。 Secondary text
h6見出し要素の表示です。 Secondary text

テキスト要素

本文pが入ります。本文pが入ります。本文pが入ります。本文pが入ります。本文pにリンクが入ります。本文pが入ります。

本文p.leadが入ります。

You can use the mark tag to ハイライトさせたい部分(mark) text.
取り消し線の表示(del)
小さめの文字にする場合の表示(small)
強調する場合の表示(strong)
強調する場合の表示(em)

テキストの配置

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap text.

メールアドレスの表示

first.last@example.com

引用の表示

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

テキストリンクの表示(アイコンあり)

テキストリンク

ボタン要素







Primary link
Link

画像要素

レスポンシブ化

Responsive image

形状を変える

...
...
...

リスト要素

  • リストが入ります。
  • リストが入ります。
  • リストが入ります。
    • リストが入ります。
    • リストが入ります。
    • リストが入ります。
  1. リストが入ります。
  2. リストが入ります。
  3. リストが入ります。
    1. リストが入ります。
    2. リストが入ります。
    3. リストが入ります。

リストの先頭 非表示

  • リストが入ります。
  • リストが入ります。
  • リストが入ります。

dl要素

デフォルト

dtが入ります。
ddが入ります。

水平に並べる

dtが入ります。
ddが入ります。

テーブル要素

見出し(よこ)

見出しテキスト
見出しテキスト
見出しテキスト
見出しテキスト
見出しテキスト

見出し(たて)

見出し見出し見出し見出し見出し
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
top