Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie die CSS-Border-Eigenschaft

silencement
Freigeben: 2019-05-29 09:15:04
Original
3572 Leute haben es durchsucht

So verwenden Sie die CSS-Border-Eigenschaft

CSS-Rahmendefinition und -verwendung

Die Eigenschaft „CSS-Rahmenstil“ wird verwendet, um den Stil aller Rahmen eines Elements festzulegen oder ihn festzulegen individuell für jede Seite Randstil. Der Rahmen wird möglicherweise nur angezeigt, wenn dieser Wert nicht „none“ ist.

Beispiel 1

border-style:dotted solid double dashed;
Nach dem Login kopieren

Der obere Rand ist gepunktet

Der rechte Rand ist eine durchgezogene Linie

Der untere Rand ist eine doppelte Linie

Linker Rand ist eine gepunktete Linie

Beispiel 2

border-style:dotted solid double;
Nach dem Login kopieren

Der obere Rand ist gepunktet

Der rechte und linke Rand sind durchgezogene Linien

Der untere Rand ist eine doppelte Linie

Beispiel 3

border-style:dotted solid;
Nach dem Login kopieren

Der obere und untere Rand sind gepunktet

Der rechte und linke Rand sind durchgezogene Linien

Beispiel 4

border-style:dotted;
Nach dem Login kopieren

Alle vier Ränder sind gepunktet

Instanzen, Legen Sie die Stile der vier Ränder fest

p
  {
  border-style:solid;
  }
Nach dem Login kopieren

Browser-Unterstützung

Alle Browser unterstützen das Border-Style-Attribut.

Hinweis: Die Attributwerte „inherit“ oder „hidden“ werden in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.

Mögliche Werte

So verwenden Sie die CSS-Border-Eigenschaft

Beschreibung

Der unvorhersehbarste Randstil ist doppelt. Sie ist definiert als die Breite von zwei Zeilen plus dem Abstand zwischen den beiden Zeilen, der dem Wert für die Rahmenbreite entspricht. Allerdings sagt die CSS-Spezifikation nicht aus, ob eine der Linien dicker als die andere ist oder ob beide Linien gleich dick sein sollen, noch ob der Abstand zwischen den Linien dicker als die Linie sein soll. All dies wird vom User Agent entschieden und die Kreativen haben keinen Einfluss auf diese Entscheidung.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Border-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage