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>頭＞ |
>
>
出力：
出力
例 2: この例では、overflow-x:hidden の代わりに auto を使用します。そしてoverflow-y:auto; div を垂直スクロール可能にします。
CSS上で画像を中央に配置する方法
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>頭> |
>
>
出力：
出力