スタイルガイド - ぎふ日本語学習支援サイト（英語）

LanguagesLanguages For Japanese learning supportersFor Japanese learning supportersへ

LanguagesLanguages

ふりがな 日本語にほんご English 中文 Português Tagalog Tiếng Việt

大見出おおみだしのダミーです。
文字の大きさなどを確認するために入れています。

中見出ちゅうみだしのダミーです。
文字の大きさなどを確認するために入れています。

本文【文字サイズ：標準】基本的に本文はこれを使用します。この文章は本文です。強調したい部分には.boldが振られます。この文章はダミーです。この文章はダミーです。

見出し1のダミーです。
文字の大きさなどを確認するために入れています。
見出し2のダミーです。
文字の大きさなどを確認するために入れています。

見出し3のダミーです。
文字の大きさなどを確認するために入れています。

.txt-attention　注意書き

テーブル
テーブル この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル1
テーブル：スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル2
テーブル：スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テーブル：スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

thはエディタでセルを右クリック→セル→セルのプロパティからヘッダーセルを選んでください。

  • 番号なしリスト
  • 番号なしリスト
  1. 番号ありリスト
  2. 番号ありリストあああああ
  3. 番号ありリスト
引用タグ。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

回り込みレイアウト

回り込みレイアウト：背景色なし

回り込みレイアウト
小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ボタン

回り込みレイアウト：背景色あり、画像右

回り込みレイアウト
小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ボタン

1～4カラム：レイアウト

1～4カラム：画像あり3カラム

小見出し

1～4カラムは4カラムまで作成できます。
6カラム目を作成する場合は、項目を増やしてください。
「1～4カラムに背景色をつける」をチェックすると、1～4カラム全体に背景色をつけることができます。

ボタンテキスト
ボタンテキスト

小見出しセンタリング

ボタンテキスト

1～4カラム：背景色あり

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

1～4カラム：1カラム

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ボタン

アイコンはSVGです。.btn svg { fill: *色*; } で色が当てられます。
白黒はmain.cssでベタで書いて構いませんが、それ以外の色の場合は、head-css.phpでユーザーが選ぶ色を当てるのがが無難です。（メインカラーなど）

ボタンテキスト
ボタンテキスト
ボタンテキストボタンテキストボタンテキストボタンテキスト

白抜き文字にすると.txt-wh.btn-whがふられる

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ボタンテキスト

○○○の流れ

ダミーです。ダミーです。

ダミーです。ダミーです。

ダミー画像この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。

ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。

ページ内リンク

次のページ：会社概要

スライド：レイアウト

バナー

デフォルト画像