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：スクロール