文字・行間隔 layout-grid-type｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫文字・行間隔 layout-grid-type

文字・行間隔 layout-grid-type

≪ 縦書きにする writing-mode	【 HOME 】	１行目だけ余白 text-indent ≫

Yahoo!ブックマークに登録

Google Bookmarks に追加

はてなブックマークに登録

livedoorに記事をクリップ

文字・行間隔（サンプル）
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字
▼
サンプル用の文字サンプル用の文字サンプル用の文字サンプル用の文字
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

文字・行間隔（詳細情報）
字体	layout-grid-type:★;　layout-grid-line:★;　layout-grid-char:★; layout-grid-mode:★;　layout-grid:★ ★ ★;
指定	★の部分に下記の「」内の効果を指定していきます。 layout-grid:★ ★ ★; はまとめて指定できます。「layout-grid-type:★;」。　「loose」を指定すると･･･。　「strict」を指定すると･･･。　「fixed」を指定すると･･･。「layout-grid-line:★;」。　「数字」を指定すると･･･。　　（単位の種類：　px　pt　mm　cm　in　pc　em　ex　）　「%」を指定すると･･･。　「auto」を指定すると･･･。　「none」を指定すると･･･。「layout-grid-char:★;」。　「数字」を指定すると･･･。　　（単位の種類：　px　pt　mm　cm　in　pc　em　ex　）　「%」を指定すると･･･。　「auto」を指定すると･･･。　「none」を指定すると･･･。「layout-grid-mode:★;」。　「line」を指定すると･･･。　「char」を指定すると･･･。　「both」を指定すると･･･。　「none」を指定すると･･･。
効果	文字間隔や行間隔の余白を指定することができる。

≪ 縦書きにする writing-mode	【 HOME 】	１行目だけ余白 text-indent ≫

練習用書き込みフォーム（サンプル表示）
<div style="width:400px; layout-grid-type:loose; layout-grid-line:22px; layout-grid-char:20px;"> サンプル用の文字<br /> サンプル用の文字<br /> サンプル用の文字<br /> サンプル用の文字<br /> </div>

素材の森

素材NAVI

素材R

素材・壁紙

イラスト素材

素材・作成

素材ランキング

無料素材リンク

素材ファン

無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索

サイトの説明

素材使用方法

質問集/用語集

作成練習場

カラー見本