HTML,CSS

overflowプロパティついて

overflow-y:scroll

overflow-yを指定したときは、縦方向にはみ出すコンテンツがある場合にのみ、縦スクロールバーを表示します。

scrollは多くのブラウザで縦横のスクロールバーを表示する

HTML <form action="#">
<p>内容</p>
<textarea name="comment">あいうえおかきくけこさしすせそたちつてと、あいうえおかきくけこさしすせそたちつてと、あいうえおかきくけこさしすせそたちつてと、あいうえおかきくけこさしすせそたちつて、</textarea>
</form>

CSS textarea {
width: 120px;
height: 100px;
overflow-y: scroll;
}

overflow: hidden;

はみ出るコンテンツは表示しない

CSS textarea {
width: 120px;
height: 100px;
overflow:hidden;
}

overflow: auto;

ブラウザーに処理をまかせる。一般的に縦方向のスクロールバーのみ表示される。

CSS textarea {
width: 120px;
height: 100px;
overflow:auto;
}

この本を参考に、完成させることができました。しかし、プログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません（ToT）その点、この本では丁寧な解説が載っています。解説とともにコードを書き、完成させれば資格取得に必要なHTMLやCSSについてより深く学ぶことができます(^.^) 身に付けて消えないスキルがこの値段。買っておいてよかったです。

やっぱりプロの人から直接学びたいという方はこちら。| Click here if you want to learn directly from professionals

キャリアアップに必要なスキルを取得しよう。| Get the skills you need to advance your career.

オンラインで受講ができるスクールですので、全国どこからでも。 | Since it is a school where you can take classes online, you can take it from anywhere in the country.

ぺージの先頭に戻る(Return to top of page)

プライバシーポリシー