Heim > Artikel > Web-Frontend > CSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung

CSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung

黄舟Original: 2017-07-03 11:11:002047Durchsuche

Bildlaufleiste ist auch ein sehr häufig verwendeter Code in CSS 1. ÜberlaufEinstellungen bei Inhaltsüberlauf (Einstellung, ob das eingestellte Objekt Bildlaufleisten anzeigt)
overflow-xEinstellungen bei Inhaltsüberlauf in horizontaler Richtung
overflow -y Einstellungen, wenn vertikaler Inhalt überläuft
Die für die oben genannten drei Attribute festgelegten Werte sind sichtbar (Standardwert), scrollen, ausgeblendet und automatisch.
2． scrollbar-3d-light-color Die Farbe des hellen Randes der dreidimensionalen Bildlaufleiste (Legen Sie die Farbe der Bildlaufleiste fest)
scrollbar-arrow-color Die Farbe der dreieckigen Pfeile auf den Auf- und Ab-Schaltflächen
scrollbar-base-color Die Grundfarbe der Bildlaufleiste
scrollbar-dark-shadow-color Die Farbe des starken Schattens der dreidimensionalen Bildlaufleiste
scrollbar-face-color Die Farbe des hervorstehenden Teil der dreidimensionalen Bildlaufleiste
scrollbar-highlight-color Die Farbe des leeren Teils der Bildlaufleiste
scrollbar -shadow-color Die Farbe des Schattens der dreidimensionalen Bildlaufleiste 86oo wunderbares Tutorial
Wir erklären die oben genannten Stilattribute anhand mehrerer Beispiele:
1. Lassen Sie das Browserfenster niemals Bildlaufleisten haben.
Es gibt keine horizontale Bildlaufleiste oder

<body style="overflow-x:hidden">

2. Stellen Sie die Bildlaufleiste ein

Mehrzeiliges Textfeld

Keine horizontale Bildlaufleiste

<body style="overflow-y:hidden">

Keine vertikale Bildlaufleiste

<body style="overflow-x:hidden;overflow-y:hidden">

Keine Bildlaufleiste

<body 
style="overflow:hidden"> http://www.o.com

oder

3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest

Stellen Sie das Fenster ein. Die Farbe der Bildlaufleiste ist rotae81ba17a4ad4c14535f5a84a0d70237

<textarea style="overflow-x:hidden"></textarea>

scrollbar-base-color legt die Grundfarbe fest. Im Allgemeinen müssen Sie nur dieses Attribut festlegen, um die Änderung zu erreichen. Zweck der Bildlaufleistenfarbe.

Einige Spezialeffekte hinzufügen:

<textarea style="overflow-y:hidden"></textarea>

4. Definieren Sie eine Klasse in der Stylesheet-Datei und rufen Sie das Stylesheet auf.

<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>

heißt so:

<textarea style="overflow:hidden"></textarea>

Beispiel:

<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

Das obige ist der detaillierte Inhalt vonCSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erklärung der Scrollbar-Shadow-Farbe in CSSNächster Artikel：Detaillierte Erklärung der Scrollbar-Shadow-Farbe in CSS

In Verbindung stehende Artikel

Mehr sehen