（例）【CSS】全称セレクタの使用方法
See the Pen
全称セレクタ by linlin (@linlin098765)
on CodePen.
<div>ああああ</div>
<p>良い良い</p>*{color:red;}【CSS】全称セレクタ：全要素にスタイルを適用する
CSSの全称セレクタは、全ての要素にスタイルを適用するセレクタです。「*{}」で全要素をセレクタ可能です。
カテゴリー: CSS
（例）【CSS】要素型セレクタの使用方法
See the Pen
要素型セレクタ by linlin (@linlin098765)
on CodePen.
<div>あああああああああああ</div>
<p>良い良い良い良い良い良い</p>div{color:red;}
p{color:blue;}【CSS】要素型セレクタ：特定要素にセレクタを適用する
CSSの要素型セレクタとは、特定要素に対してスタイルを指定するセレクタを指します。例えばpタグに適用したい場合「p{}」、divタグに適用したい場合「div{}」となります。
（例）【CSS】marksの使用方法
See the Pen
page by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> @page m50 {margin:50mm;}
@page {size:100mm 100mm;marks:crop cross;}
p.sample1 {page:m50;}【CSS】marks：トンボを印刷するか指定する
CSSのmarksは、印刷時にトンボを印刷するか指定するプロパティです。
※トンボとは、印刷物の裁断位置や多色刷りの見当合わせのために、版下原稿のと上下左右の中央に印刷される位置合わせの目印を言います。
- none
トンボを印刷しない（初期値） - crop
コーナーのトンボを印刷 - cross
センターのトンボを印刷
（例）【CSS】sizeの使用方法
See the Pen
page by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> @page m50 {margin:50mm;}
@page {size:100mm 100mm;}
p.sample1 {page:m50;}【CSS】size：ページボックスのサイズ・向きを指定する
CSSのsizeは、pageプロパティで定義したページボックスのサイズ・向きを指定するプロパティです。1つの値を指定するとサイズ・向きの両方がその値となり、2つの値を指定するとサイズ・向きをそれぞれ指定可能です。
- auto
自動設定（初期値） - 数値+単位
数値＋単位（mm,pt,in等）を指定（em,exは指定不可） - portrait
縦位置、サイズは自動設定 - landscape
横位置、サイズは自動設定
【CSS】pageの使用方法
See the Pen
page by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> @page m50 {margin:50mm;}
p.sample1 {page:m50;}【CSS】page：ページボックス名を指定する
CSSのpageは、@pageで定義されたページボックス名を指定し、ページボックスを適用するプロパティです。
- auto
自動設定（初期値） - ページボックス名
（例）【CSS】widowsの使用方法
See the Pen
widows by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> p.sample1 {widows:3; font-size:30px; line-height:50px;}【CSS】widows：改ページされる次ページ最低行数を指定する
CSSのwidowsは、改ページされる際の次ページの最低行数を指定するプロパティです。
（例）【CSS】orphansの使用方法
See the Pen
widows by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> p.sample1 {widows:3; font-size:30px; line-height:50px;}【CSS】orphans：改ページされる前ページの最低行数を指定する
CSSのorphansは、改ページされる際の前ページの最低行数を指定するプロパティです。
（例）【CSS】page-break-insideの使用方法
See the Pen
page-break-inside by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> p.sample1 {page-break-inside:avoid; font-size:30px; line-height:50px;}【CSS】page-break-inside：印刷時の改ページを避ける
CSSのpage-break-insideは、印刷時の改ページを避けるプロパティです。
- auto
指定しない（初期値） - avoid
改ページを避ける
（例）【CSS】page-break-afterの使用方法
See the Pen
page-break-before by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> p.sample1 {page-break-before: always; }
p.sample2 {page-break-before: always; page-break-after: always; }【CSS】page-break-after：印刷時の改ページ位置を指定する
CSSのpage-break-afterは、印刷時の改ページ位置を指定するプロパティです。page-break-afterを指定した要素の直後で強制的に改ページまたは、その位置で改ページを禁止することが可能です。
- auto
指定なし（初期値） - always
その位置で改行 - left
強制的に改ページさせ、指定要素を左側ページに印刷（左右見開きページで印刷させたい場合） - right
- 強制的に改ページさせ、指定要素を右側ページに印刷（左右見開きページで印刷させたい場合）
- avoid
この位置で改ページさせない
（例）【CSS】page-break-beforeの使用方法
See the Pen
page-break-before by linlin (@linlin098765)
on CodePen.
<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> p.sample1 {page-break-before: always; }
p.sample2 {page-break-before: always; page-break-after: always; }【CSS】page-break-before：印刷時の改ページ位置を指定する
CSSのpage-break-beforeは、印刷時の改ページ位置を指定するプロパティです。page-break-beforeを指定した要素の直前で強制的に改ページまたは、その位置で改ページを禁止することが可能です。
- auto
指定なし（初期値） - always
その位置で改行 - left
強制的に改ページさせ、指定要素を左側ページに印刷（左右見開きページで印刷させたい場合） - right
- 強制的に改ページさせ、指定要素を右側ページに印刷（左右見開きページで印刷させたい場合）
- avoid
この位置で改ページさせない