Diskussion über Standard-Rand- und Füllwerte allgemeiner Elemente
|
Heute haben wir die Frage besprochen, wie hoch der Randwert von Standardelementen in verschiedenen Browsern ist. Code kopieren Der Code lautet wie folgt:// Body-Randwert Firefox 20.0 ----------------------- Der Rand des Textkörpers ist: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- Der Textrand beträgt: margin:15px 10px 15px 10px; Internet Explorer 7.0 ----------- Der Textrand beträgt: margin:16px 11px 16px 11px; Internet Explorer 8.0-10.0 ---- Textrand ist: margin:16px 8px 16px 8px; Opera 12.11 --------------------- Der Textrand ist: margin:16px 8px 16px 8px; Safari 5.1 ------------------------- Der Textrand beträgt: margin:16px 8px 16px 8px; Google Chrome 27.0 --------- Der Rand des Textkörpers ist: margin:16px 8px 16px 8px; // Margenwert von h1 Firefox 20.0 ----------------------- Der Rand von h1 ist: margin:21px 0 22px 0; Internet Explorer 6.0 ----------- Der Rand von h1 ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von h1 ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- der Rand von h1 ist: margin:20px 0 20px 0; Opera 12.11 --------------------- Der Rand von h1 ist: margin:21px 0 21px 0; Safari 5.1 ------------------------- Der Rand von h1 ist: margin:21px 0 21px 0; Google Chrome 27.0 --------- Der Rand von h1 ist: margin:21px 0 22px 0; // Margin-Wert von h2 Firefox 20.0 ----------------------- Der Rand von h2 ist: margin:20px 0 20px 0; Internet Explorer 6.0 ----------- Der Rand von h2 ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von h2 ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- der Rand von h2 ist: margin:20px 0 20px 0; Opera 12.11 --------------------- Der Rand von h2 ist: margin:19px 0 19px 0; Safari 5.1 ------------------------- Der Rand von h2 ist: margin:19px 0 19px 0; Google Chrome 27.0 --------- Der Rand von h2 ist: margin:20px 0 20px 0; // Randwert von h3 Firefox 20.0 ----------------------- Der Rand von h3 ist: margin:19px 0 18px 0; Internet Explorer 6.0 ----------- Der Rand von h3 ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von h3 ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- der Rand von h3 ist: margin:19px 0 18px 0; Opera 12.11 --------------------- Der Rand von h3 ist: margin:18px 0 18px 0; Safari 5.1 ------------------------- Der Rand von h3 ist: margin:18px 0 18px ; Google Chrome 27.0 --------- Der Rand von h3 ist: margin:19px 0 18px 0; // Randwert von h4 Firefox 20.0 ----------------------- Der Rand von h4 ist: margin:22px 0 21px 0; Internet Explorer 6.0 ----------- Der Rand von h4 ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von h4 ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- der Rand von h4 ist: margin:22px 0 21px 0; Opera 12.11 --------------------- Der Rand von h4 ist: margin:16px 0 16px 0; Safari 5.1 ------------------------- Der Rand von h4 ist: margin:21px 0 21px 0; Google Chrome 27.0 --------- Der Rand von h4 ist: margin:22px 0 21px 0; // Randwert von h5 Firefox 20.0 ----------------------- Der Rand von h5 ist: margin:22px 0 22px 0; Internet Explorer 6.0 ----------- Der Rand von h5 ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von h5 ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h5-Rand ist: margin:22px 0 22px 0; Opera 12.11 --------------------- Der Rand von h5 ist: margin:22px 0 22px 0; Safari 5.1 ------------------------- Der Rand von h5 ist: margin:22px 0 22px 0; Google Chrome 27.0 --------- Der Rand von h5 ist: margin:22px 0 22px 0; // Randwert von h6 Firefox 20.0 ----------------------- Der Rand von h6 ist: margin:25px 0 25px 0; Internet Explorer 6.0 ----------- Der Rand von h6 ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von h6 ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- h6-Rand ist: margin:25px 0 25px 0; Opera 12.11 --------------------- Der Rand von h6 ist: margin:24px 0 24px 0; Safari 5.1 ------------------------- Der Rand von h6 ist: margin:24px 0 24px 0; Google Chrome 27.0 --------- Der Rand von h6 ist: margin:28px 0 28px 0; // dl's Margin-Wert Firefox 20.0 ----------------------- Der Rand von dl ist: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- Der Rand von dl ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von dl ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- der Rand von dl ist: margin:16px 0 16px 0; Opera 12.11 --------------------- Der Rand von dl ist: margin:16px 0 16px 0; Safari 5.1 ------------------------- Der Rand von dl ist: margin:16px 0 16px 0; Google Chrome 27.0 --------- Der Rand von dl ist: margin:16px 0 16px 0; // Randwert von dd Firefox 20.0 ----------------------- Der Rand von dd ist: margin:0 0 0 40px; Internet Explorer 6.0 ----------- Der Rand von dd ist: margin:0 0 0 40px; Internet Explorer 7.0 ----------- Der Rand von dd ist: margin:0 0 0 40px; Internet Explorer 8.0-10.0 ---- der Rand von dd ist: margin:0 0 0 40px; Opera 12.11 --------------------- Der Rand von dd ist: margin:0 0 0 40px; Safari 5.1 ------------------------- Der Rand von dd ist: margin:0 0 0 40px; Google Chrome 27.0 --------- Der Rand von dd ist: margin:0 0 0 40px; // ul's Randwert Firefox 20.0 ----------------------- Der Rand von ul ist: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- Der Rand von ul ist: margin:19px 0 19px 40px; Internet Explorer 7.0 ----------- Der Rand von ul ist: margin:19px 0 19px 40px; Internet Explorer 8.0-10.0 ---- der Rand von ul ist: margin:16px 0 16px 0; Opera 12.11 --------------------- Der Rand von ul ist: margin:16px 0 16px 0; Safari 5.1 ------------------------- Der Rand von ul ist: margin:16px 0 16px 0; Google Chrome 27.0 --------- Der Rand von ul ist: margin:16px 0 16px 0; //Margin-Wert von ol Firefox 20.0 ----------------------- Der Rand von ol ist: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- Der Rand von ol ist: margin:19px 0 19px 40px; Internet Explorer 7.0 ----------- Der Rand von ol ist: margin:19px 0 19px 40px; Internet Explorer 8.0-10.0 ---- der Rand von ol ist: margin:16px 0 16px 0; Opera 12.11 --------------------- Der Rand von ol ist: margin:16px 0 16px 0; Safari 5.1 ------------------------- Der Rand von ol ist: margin:16px 0 16px 0; Google Chrome 27.0 --------- Der Rand von ol ist: margin:16px 0 16px 0; // Füllwert von ul Firefox 20.0 ----------------------- Die Polsterung von ul ist: padding:0 0 0 40px; Internet Explorer 6.0 ----------- Die Polsterung von ul lautet: padding:0 0 0 0; Internet Explorer 7.0 ----------- Die Polsterung von ul lautet: padding:0 0 0 0; Internet Explorer 8.0-10.0 ---- die Polsterung von ul ist: padding:0 0 0 40px; Opera 12.11 --------------------- Die Polsterung von ul ist: padding:0 0 0 40px; Safari 5.1 ------------------------- Die Polsterung von ul ist: padding:0 0 0 40px; Google Chrome 27.0 --------- Die Polsterung von ul ist: padding:0 0 0 40px; // Füllwert von ol Firefox 20.0 ----------------------- Die Polsterung von ol ist: padding:0 0 0 40px; Internet Explorer 6.0 ----------- Die Polsterung von ol lautet: padding:0 0 0 0; Internet Explorer 7.0 ----------- Die Polsterung von ol lautet: padding:0 0 0 0; Internet Explorer 8.0-10.0 ---- die Polsterung von ol ist: padding:0 0 0 40px; Opera 12.11 --------------------- Die Polsterung von ol ist: padding:0 0 0 40px; Safari 5.1 ------------------------- Die Polsterung von ol ist: padding:0 0 0 40px; Google Chrome 27.0 --------- Die Polsterung von ol ist: padding:0 0 0 40px; // Randwert von p Firefox 20.0 ----------------------- Der Rand von p ist: margin:16px 0 16px 0; Internet Explorer 6.0 ----------- Der Rand von p ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand von p ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- Rand von p ist: margin:16px 0 16px 0; Opera 12.11 --------------------- Der Rand von p ist: margin:16px 0 16px 0; Safari 5.1 ------------------------- Der Rand von p ist: margin:16px 0 16px 0; Google Chrome 27.0 --------- Der Rand von p ist: margin:16px 0 16px 0; //Randwerte von thead, tbody, tfoot Firefox 20.0 ----------------------- Die Ränder von thead, tbody und tfoot sind: margin:2px 2px 2px 2px; Internet Explorer 6.0 ----------- die Ränder von thead, tbody, tfoot sind: margin: 2px 2px 2px 2px; Internet Explorer 7.0 ----------- die Ränder von thead, tbody, tfoot sind: margin: 2px 2px 2px 2px; Internet Explorer 8.0-10.0 ---- thead, tbody, tfoot Ränder sind: margin: 2px 2px 2px 2px; Opera 12.11 --------------------- Die Ränder von thead, tbody und tfoot sind: margin:2px 2px 2px 2px; Safari 5.1 ------------------------- Die Ränder von thead, tbody, tfoot sind: margin: 2px 2px 2px 2px; Google Chrome 27.0 --------- thead-, tbody- und tfoot-Ränder sind: margin: 2px 2px 2px 2px; // Randwert des Formulars Firefox 20.0 ----------------------- Der Rand des Formulars ist: margin:0 0 0 0; Internet Explorer 6.0 ----------- Der Rand des Formulars ist: margin:19px 0 19px 0; Internet Explorer 7.0 ----------- Der Rand des Formulars ist: margin:19px 0 19px 0; Internet Explorer 8.0-10.0 ---- der Formularrand ist: margin:0 0 0 0; Opera 12.11 --------------------- Der Rand des Formulars ist: margin:0 0 0 0; Safari 5.1 ------------------------- Der Rand des Formulars ist: margin:0 0 0 0; Google Chrome 27.0 --------- der Rand des Formulars ist: margin:0 0 0 0; |
<<: Eine kurze Einführung in die Unterschiede zwischen HTML und XHTML sowie HTML4- und HTML5-Tags
>>: Implementierungsschritte für die Docker-Bereitstellung von SpringBoot-Anwendungen
Artikel empfehlen
Implementierungsprinzip und Konfiguration der MySql Master-Slave-Replikation
Die Trennung von Lese- und Schreibzugriffen in Da...
Beheben Sie das Problem, dass der Name des Dateiänderungsformulars vom Typ = Datei nicht normal wiedergegeben werden kann
Der Code unter dem Easyui-Framework lautet wie fo...
So fügen Sie Wettervorhersagen in Ihre Website ein
Wir hoffen, dass wir durch die Einbindung der Wet...
Grundlegendes zu MySQL-Clusterindizes und wie Clusterindizes wachsen
In dieser Anmerkung beschreiben wir kurz Was ist ...
Reines CSS, um die Bildlaufleiste auszublenden, aber dennoch den Bildlaufeffekt beizubehalten (mobil und PC)
Mobile Mobile Seiten müssen nur mit Chrome und Sa...
Detaillierte Erklärung häufig verwendeter Stile in CSS3 [Grundlegende Text- und Schriftstile]
Zusammenfassung: Damit Ihre Webseite schöner auss...
Detaillierte Erklärung der Lösung für HTML-Layout mit festen linken und rechten Breiten und adaptiver Mitte
In diesem Artikel wird eine detaillierte Erläuter...
Implementierung von JavaScript zum Herunterladen und Hochladen verknüpfter Bilder
Da wir Bilder hochladen möchten, müssen wir zunäc...
Erläuterung regulärer Ausdrücke in JavaScript
Inhaltsverzeichnis 1. Erstellen regulärer Ausdrüc...
Tutorial zur Installation von MYSQL8.X auf Centos
MySQL-Installation (4, 5, 6 können weggelassen we...
Detaillierte Erklärung des Overflow-Scrollens zur Lösung des Scroll-Lag-Problems
Vorwort Wenn Sie das Attribut „overflow: scroll“ ...
Verwenden Sie IISMonitor, um Webseiten zu überwachen und IIS automatisch neu zu starten
Inhaltsverzeichnis 1. Tool-Einführung 2. Arbeitsa...
21 Best Practices zur MySQL-Standardisierung und -Optimierung!
Vorwort Jede gute Angewohnheit ist ein Schatz. Di...
Flexibles Boxmodell von CSS und CSS3 zur Anpassung der Elementbreite (-höhe)
1. CSS realisiert eine feste Breite links und ein...
Lösen Sie das Problem, dass der Container nach dem Docker-Lauf „Beendet (0)“ anzeigt.
Ich habe ein Dockerfile für OpenResty auf CentOS7...