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
So fügen Sie Nginx zu den Systemdiensten in CentOS7 hinzu
Einführung Nach dem Kompilieren, Installieren und...
Lösung für das Timeout-Problem der SNMP4J-Serververbindung
Als Verwaltungszentrale und Server dient dabei un...
Detaillierte Erklärung der Verwendung des Bash-Befehls
Unter Linux wird Bash als Standard übernommen, wa...
Detaillierte Erklärung der CSS3-Animation und der neuen Funktionen von HTML5
1. CSS3-Animation ☺CSS3-Animationen sind viel ein...
Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser
Erst Code, dann Text Code kopieren Der Code lautet...
So verwenden Sie iframe, um die Daten anderer Webseiten unter Wahrung der Kompatibilität anzuwenden
Unten sehen Sie den Code, den Shiji Tiancheng ver...
Detaillierte Erklärung der Gründe und Optimierungen für den großen Offset, der die Leistung bei MySQL-Abfragen beeinträchtigt
Vorwort Die MySQL-Abfrage verwendet den Select-Be...
Eine kurze Erklärung zum sinnvollen Einsatz von Tabellen und Divs im Seitendesign
Zu Beginn dieses Artikels möchte ich die Fehler in...
Beispielcode und Methode zum Speichern von Arrays in MySQL
Beim Schreiben gespeicherter Prozeduren werden hä...
Detaillierte grafische Erklärung zur Installation der MySQL-Datenbank und zur Konfiguration eines Java-Projekts unter Linux
1. MySQL-Datenbank installieren ① Herunterladen, ...
Analyse der Docker-Methode zum Erstellen lokaler Images
Der sogenannte Container erstellt tatsächlich ein...
Google Translate Tool: Mehrsprachige Webseiten schnell umsetzen
Google China hat ein Übersetzungstool veröffentlic...
Beispiele für die korrekte Verwendung von Karten in WeChat-Miniprogrammen
Inhaltsverzeichnis Vorwort 1. Vorbereitung 2. Tat...
Detaillierte Erläuterung der Anwendungsbereitstellungspraxis für Docker + Jenkins + Gitlab + Django
1. Hintergrund Im Kontext schneller Updates und I...
JavaScript-Methode zum Löschen oder Extrahieren bestimmter Zeichen aus einer Zeichenfolge (sehr häufig verwendet)
Inhaltsverzeichnis 1. Teilzeichenfolge () 2. subs...