いわき明星大学

style

定義済みスタイル

文法一覧(H1)

見出し(H2)

見出し(H3)

見出し(H4)

h4要素は、ページの文頭でstrongでマークアップされていた箇所に使用する想定です

リンク

以下はリンクについてのスタイルです。

テーブル

見出し 見出し 見出し 見出し
セル セル セル セル
セル セル セル セル
セル セル セル セル
セル セル セル セル
セル セル セル セル

リスト

  • 四角のリスト
  • classは「list」
  • ドットのリスト
  • classは「list dot」

2列のリスト

「list」などとともに、「col-2」「col-3」「col-4」と指定することで列数が増えます。ただし、確実に1行に収まるような場合に使用してください。

col-2

col-3

col-4

本文について

p要素とarticleでのグルーピング

本文は「p」で括りますが、複数の「p」があり、ブロック間を空ける場合は、article要素で括ります。

article 要素なし

それぞれの学部、大学院において無事教育課程を修了して学士あるいは修士の称号を得て卒業を迎えた333名の皆様に心からお慶び申し上げます。

また保護者の皆様におかれては、御子弟の本日の晴れ姿をご覧になって感慨もひとしおのこととお祝い申し上げます。

さらに、ここに御列席いただいた来賓、関係者の皆様にはいわき明星大学を代表して厚く御礼申し上げます。

本日晴れて卒業される科学技術学部ならびに人文学部の多くの皆様は、本学への入学を待機していた平成23年3月11日に東日本大震災に遭遇しました。

article 要素あり

それぞれの学部、大学院において無事教育課程を修了して学士あるいは修士の称号を得て卒業を迎えた333名の皆様に心からお慶び申し上げます。

また保護者の皆様におかれては、御子弟の本日の晴れ姿をご覧になって感慨もひとしおのこととお祝い申し上げます。

さらに、ここに御列席いただいた来賓、関係者の皆様にはいわき明星大学を代表して厚く御礼申し上げます。

本日晴れて卒業される科学技術学部ならびに人文学部の多くの皆様は、本学への入学を待機していた平成23年3月11日に東日本大震災に遭遇しました。

article.i (p要素にインデントがつく)

それぞれの学部、大学院において無事教育課程を修了して学士あるいは修士の称号を得て卒業を迎えた333名の皆様に心からお慶び申し上げます。

また保護者の皆様におかれては、御子弟の本日の晴れ姿をご覧になって感慨もひとしおのこととお祝い申し上げます。

さらに、ここに御列席いただいた来賓、関係者の皆様にはいわき明星大学を代表して厚く御礼申し上げます。

本日晴れて卒業される科学技術学部ならびに人文学部の多くの皆様は、本学への入学を待機していた平成23年3月11日に東日本大震災に遭遇しました。

article.narrow(行間が狭まる)

それぞれの学部、大学院において無事教育課程を修了して学士あるいは修士の称号を得て卒業を迎えた333名の皆様に心からお慶び申し上げます。

また保護者の皆様におかれては、御子弟の本日の晴れ姿をご覧になって感慨もひとしおのこととお祝い申し上げます。

さらに、ここに御列席いただいた来賓、関係者の皆様にはいわき明星大学を代表して厚く御礼申し上げます。

本日晴れて卒業される科学技術学部ならびに人文学部の多くの皆様は、本学への入学を待機していた平成23年3月11日に東日本大震災に遭遇しました。

blockquote

blockquote要素を使うと、囲まれます。

それぞれの学部、大学院において無事教育課程を修了して学士あるいは修士の称号を得て卒業を迎えた333名の皆様に心からお慶び申し上げます。

また保護者の皆様におかれては、御子弟の本日の晴れ姿をご覧になって感慨もひとしおのこととお祝い申し上げます。

画像について

div.figure

上下の間隔が空き、センタリングされます。

div.figure.border

上記に加え、罫線で囲われます。