overflow｜コピペで使うスタイルシートソース

CSS overflow

CSSコピー

クリックで全選択状態になります。

.sample { overflow: visible; }

.sample { overflow: hidden; }

.sample { overflow: scroll; }

.sample { overflow: auto; }

サンプル

.sample{overflow: visible;}

<p class="sample">スタイルシート サンプル</p>

スタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプルスタイルシートサンプル

.sample{overflow: hidden;}

<p class="sample">スタイルシート サンプル</p>

.sample{overflow: scroll;}

<p class="sample">スタイルシート サンプル</p>

.sample{overflow: auto;}

<p class="sample">スタイルシート サンプル</p>

ポイントや注意事項

値/プロパティ値

visible：はみ出して表示

hidden：隠す

scroll、auto：スクロール

関連コンテンツ：スタイルシートについて｜効率的なCSSソースの記述

CSS/スタイルシート | 配置に関する指定

CSS overflow