CSS のオーバーフロープロパティを使用すると、div を垂直方向にスクロール可能にできます。にはさまざまな値がありますオーバーフロープロパティ。このプロパティを使用して、Web ページ上にスクロールバーを取得できます。以下の例は、Web ページに垂直スクロールバーを設定する方法です。

例 1: この例では、overflow-x: hidden; を設定しました。そしてoverflow-y: auto;これにより、水平スクロールバーが自動的に非表示になり、垂直スクロールバーのみが表示されます。

html

> <> html> >>> <> head> >>> > <> style> >>> > h1 {> > color: Green;> > }> > div.scroll {> > margin: 4px, 4px;> > padding: 4px;> > background-color: green;> > width: 500px;> > height: 110px;> > overflow-x: hidden;> > overflow-y: auto;> > text-align: justify;> > }> > style>頭＞

`techcodeview.comh1>`
プログラミングを学ぶのに最適なプラットフォームです。教育的なウェブサイトです。無料のオンライン就職準備コースを利用して、Microsoft、Amazon、Adobe などの製品ベースの企業の採用活動に備えましょう。このコースは、面接で尋ねられる可能性が高いさまざまな MCQ とコーディングの質問に焦点を当てており、今後の就職シーズンを効率的かつ成功に導くことができます。また、あらゆるオタクは、techcodeview.com に記事を書くことで他のオタクを助けることができます。記事の公開は、査読者からの修正/改善がほとんど必要ない記事が最初に公開されるといういくつかの手順に従います。記事をすぐにレビューしてもらうには、既存の記事、その書式スタイル、コーディングスタイルを参照し、それに近づけるようにしてください。初心者の場合は、記事の書き方のガイドラインを参照してください。 div> center> body> html>>>

出力：

出力

例 2: この例では、overflow-x:hidden の代わりに auto を使用します。そしてoverflow-y:auto; div を垂直スクロール可能にします。

html

> <> html> >>> <> head> >>> > <> style> >>> > h1 {> > color: Green;> > }> > div.gfg {> > margin: 5px;> > padding: 5px;> > background-color: green;> > width: 500px;> > height: 110px;> > overflow: auto;> > text-align: justify;> > }> > style>頭>