ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS学習(18) - スクロールバー、ドラッグ要素、outlines_html/css_WEB-ITnose
CSS学習(18) - スクロールバー、ドラッグ要素、outlines_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:23:391127ブラウズ
1. 理論:
1.overflow-x/overflow-y
a.visible デフォルト値、スクロールバーは追加されません
b.auto スクロールバーを追加します
c.hidden コンテンツがコンテナからオーバーフローすると、すべてのコンテンツが追加されます非表示になり、スクロールバーを表示しません
d.scroll オーバーフローに関係なくスクロールバーを表示します
e.no-display コンテンツがコンテナからオーバーフローした場合に要素を表示しません
f.no-content コンテンツがコンテナからオーバーフローした場合にコンテンツを表示しませんコンテンツがコンテナからはみ出す
2.resize
a.none ユーザーは要素をドラッグしてサイズを変更することはできません
b.both ユーザーは要素をドラッグし、同時に要素の幅と高さを変更できます
c.horizontalユーザーは要素をドラッグできますが、幅のみ変更できます
d.vertical ユーザーは要素をドラッグできますが、高さのみ変更できます
e.inherit 親要素のサイズ変更属性値を継承します
3.outline
a .outline 色、スタイル、幅、オフセット値
4. アウトラインと境界線の比較
a.border アウトラインのアウトラインは、Web ページのレイアウトを破壊しません。 .outline は要素のどの辺でも同じです。 c.border で作成された要素は片側に設定できます。
d.border は要素の境界線を設定することしかできません。アウトラインは要素の内側に閉じたアウトラインを作成できます。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width : 200px; margin : 20px auto; outline : 10px solid #ccc; padding : 20px } </style></head><body> <div>快上八个菜</div></body></html> 2.