div+css スクロールバーの属性とスタイル設定_html/css

ホームページ

ウェブフロントエンド

htmlチュートリアル

div+css スクロールバーの属性とスタイル設定_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:26 PM

1. overFlow:

visible は値を節約し、スクロールバーはなく、領域のサイズはコンテンツに応じて自動的に拡張されます。つまり、定義された領域は常にスクロールを表示します。
hidden スクロールバーはなく、その領域を超えたコンテンツは表示されません。

2. スクロールバーの色属性に基づいて、

auto が自動的にスクロールバーを追加するかどうかを決定することがわかります。 Scrollbar-face-color: スライダーの色

Scrollbar-hightlight-color: ハイライトの色

Scrollbar-3dlight-color: 三次元の光の色

scrollbar-darkshadow-color: 影の色
scrollbar-shadow-color: 影の色
scrollbar- arrow-color: 矢印の色
scrollbar-track-color: スライドトラックの色
scrollbar-base-color: スクロールボタンとスクロールスライダーを含むスクロールバーのメインカラー

3.overFlow-x overFlow-y

表示は値を節約し、スクロールバーを持たず、コンテンツに応じて領域のサイズを自動的に拡大します。つまり、定義された領域は無効です。

scroll は常にスクロールを表示します。

hidden スクロールバーはなく、コンテンツの向こう側には表示されません。領域は表示されません

コンテンツに基づいてスクロールバーを追加するかどうかを自動的に決定します

再印刷する場合はその旨を明記してください: http://www.cnblogs.com/wshiqtb/

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Web開発にとってHTMLタグが重要なのはなぜですか？May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1）theydefineLayout、semantics、and-interactivity.2）semanticagsimprovecessibility.3）opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AM

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1）低ケースタグと属性を使用します。2）一貫したインデントを保持し、3）シングルまたはダブルの引用符を選択して固執する、4）プロジェクトのさまざまなスタイルの混合を避け、5）きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は？Apr 30, 2025 pm 03:24 PM

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか？Apr 30, 2025 pm 03:21 PM

マウススクロールイベントの浸透の効果を実現する方法は？ Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。