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
Verwenden Sie href, um durch einfaches Klicken auf einen Link zu einer bestimmten Stelle auf der Seite zu springen
Nachdem Sie auf der Seite auf das a-Tag geklickt h...
4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden
Die gebräuchlichste Methode besteht darin, einen ...
Schritte für IDEA zur Integration von Docker zur Realisierung einer Remote-Bereitstellung
1. Aktivieren Sie den Remotezugriff auf den Docke...
MySQL-Limit-Leistungsanalyse und -Optimierung
1. Fazit Syntax: Limit-Offset, Zeilen Schlussfolg...
Implementierungsschritte von vue-element-admin zum Erstellen eines Backend-Verwaltungssystems
Als ich kürzlich an einem System zur Gesundheitse...
Einige etwas komplexere Verwendungsbeispielcodes in MySQL
Vorwort Ich glaube, dass die Syntax von MySQL nic...
Die Beziehung zwischen JS-Konstruktor und Instanziierung sowie Prototypeinführung
Inhaltsverzeichnis 1. Konstruktor und Instanziier...
Spezifische Methode zum Anzeigen von Benutzerautorisierungsinformationen in MySQL
Spezifische Methode: 1. Öffnen Sie die Eingabeauf...
Beschreiben Sie kurz den Unterschied zwischen MySQL und Oracle
1. Oracle ist eine große Datenbank, während MySQL...
Fehlerbehebung bei MySQL-Datenverlust
Inhaltsverzeichnis Vorwort Untersuchung vor Ort G...
Detaillierte Erklärung des Linx awk-Einführungstutorials
Awk ist eine Anwendung zur Verarbeitung von Textd...
Über die Überlappung von Randwert und vertikalem Rand in CSS
Rand paralleler Boxen (Überlappung doppelter Ränd...
Detaillierte Erläuterung der Linux-Textverarbeitungstools
1. Zählen Sie die Anzahl der Benutzer, deren Stan...
Eine kurze Analyse der Beispiele und Unterschiede bei der Verwendung von nohup und screen zum Ausführen von Hintergrundaufgaben in Linux
Die Verwendung eines SSH-Terminals (z. B. Putty, ...
Lösen Sie das Problem, dass await in forEach nicht funktioniert
1. Einleitung Vor ein paar Tagen bin ich bei der ...