HTML-Bildlaufleisten-Textbereichsattributeinstellung
|
1. Überlaufinhalt-Überlaufeinstellungen (festlegen, ob das festgelegte Objekt eine Bildlaufleiste anzeigt) overflow-x-Einstellung für horizontalen Inhaltsüberlauf Overflow-Y-Einstellungen für vertikalen Inhaltsüberlauf. Die obigen drei Eigenschaften sind auf „Sichtbar“ (Standardwert), „Scrollen“, „Ausgeblendet“ und „Automatisch“ eingestellt. 2. scrollbar-3d-light-color Die Farbe der hellen Kante der dreidimensionalen Bildlaufleiste (Legen Sie die Farbe der Bildlaufleiste fest) scrollbar-arrow-colorDie Farbe des dreieckigen Pfeils auf den Auf- und Ab-Buttons scrollbar-base-color Die Grundfarbe der Scrollbar scrollbar-dark-shadow-color Die Farbe des starken Schattens der dreidimensionalen Bildlaufleiste scrollbar-face-color Die Farbe des hervorstehenden Teils der dreidimensionalen Bildlaufleiste scrollbar-highlight-color Die Farbe des leeren Teils der Bildlaufleiste scrollbar-shadow-color Die Farbe des dreidimensionalen Scrollbar-Schattens. Wir verwenden mehrere Beispiele, um die obigen Stilattribute zu erklären: 1. Stellen Sie sicher, dass das Browserfenster niemals Bildlaufleisten hat <br />Keine horizontalen Bildlaufleisten Code kopieren Der Code lautet wie folgt:<body style="overflow-x:hidden"> Keine vertikale Bildlaufleiste Code kopieren Der Code lautet wie folgt:<body style="overflow-y:hidden"> Keine Bildlaufleisten Code kopieren Der Code lautet wie folgt:<body style="overflow-x:hidden;overflow-y:hidden"> oder <body style="overflow:hidden"> 2. Stellen Sie die Bildlaufleiste des mehrzeiligen Textfelds ein Keine horizontale Bildlaufleiste Code kopieren Der Code lautet wie folgt:<textarea style="overflow-x:hidden"></textarea> Keine vertikale Bildlaufleiste Code kopieren Der Code lautet wie folgt:< Textbereich style="overflow-y:hidden"></Textbereich> Keine Bildlaufleisten Code kopieren Der Code lautet wie folgt:<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea> oder < textarea style="overflow:hidden"></textarea> 3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest . <br />Legen Sie die Farbe der Fenster-Bildlaufleiste auf Rot fest. <body style="scrollbar-base-color:red"> scrollbar-base-color legt die Grundfarbe fest. Im Allgemeinen müssen Sie nur diese eine Eigenschaft festlegen, um die Farbe der Bildlaufleiste zu ändern. Fügen Sie einen kleinen Spezialeffekt hinzu: Code kopieren Der Code lautet wie folgt:<body style="scrollbar-arrow-color:gelb;scrollbar-base-color:helllachs"> 4. Definieren Sie eine Klasse in der Stylesheet-Datei und rufen Sie das Stylesheet auf Code kopieren Der Code lautet wie folgt:<Stil> .coolscrollbar{scrollbar-arrow-color:gelb;scrollbar-base-color:hellsalmon;} </Stil> Nennen Sie es so: Code kopieren Der Code lautet wie folgt:<textarea class="coolscrollbar"></textarea> Textbereichsfarb- und Rahmeneinstellungen: Code kopieren Der Code lautet wie folgt:<textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC;"></textarea> |
<<: Sammlung von 12 praktischen Web-Online-Tools
>>: Verwenden Sie die CSS-Eigenschaft border-radius, um den Bogen festzulegen
Artikel empfehlen
Ändern Sie die Dateiberechtigungen (Eigentum) unter Linux
Linux und Unix sind Mehrbenutzer-Betriebssysteme,...
So zeigen Sie im img-Tag in HTML nur die Bildmitte an (drei Methoden)
Derzeit gibt es drei Möglichkeiten, die Mitte ein...
Implementierung der Nginx-Lastverteilung/SSL-Konfiguration
Was ist Lastenausgleich? Wenn ein Domänenname auf...
CSS zum Erzielen des Bildschwebens mit der Maus-Falteffekts
CSS zum Erzielen des Bildschwebens mit der Maus-F...
Eine kurze Erläuterung, wann MySQL interne temporäre Tabellen verwendet
Gewerkschaftsexekution Verwenden Sie zur Vereinfa...
jQuery implementiert Funktionen zum Reduzieren und Erweitern von Artikeln
Dieses Artikelbeispiel teilt den spezifischen Cod...
Installieren Sie MySQL 5.7.17 im Win10-System
Das Betriebssystem Win10 MySQL ist die 64-Bit-ZIP...
Detaillierte Hinweise zu React für Einsteiger
Inhaltsverzeichnis 1. Grundlegendes Verständnis v...
Detailliertes Tutorial zur Installation von SonarQube mit Docker
Inhaltsverzeichnis 1. Ziehen Sie das Bild 1.1 Zie...
Blog-Design Webdesign-Debüt
Die erste Webseite, die ich entworfen habe, sieht...
Verwenden Sie einfaches jQuery + CSS, um einen benutzerdefinierten Tooltip für Tag-Titel zu erstellen
Einführung Verwenden Sie einfaches jQuery+CSS, um ...
Installations-Tutorial zur neuesten stabilen Version von MySQL 5.7.17 unter Linux
Installieren Sie die neueste stabile Version von ...
Implementierung von Docker-Datenvolumenoperationen
Erste Schritte mit Datenvolumes Wenn wir im vorhe...
So gestalten Sie das Frontend einer Website elegant und attraktiv für Benutzer
Das Temperament einer Web-Frontend-Website ist ein...
Häufig verwendete englische Schriftarten für die Webseitenerstellung
Arial Arial ist eine serifenlose TrueType-Schrifta...