overflow

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

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