Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die CSS-Border-Eigenschaft

So verwenden Sie die CSS-Border-Eigenschaft

silencement
silencementOriginal
2019-05-29 09:15:043514Durchsuche

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;

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;

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;

Der obere und untere Rand sind gepunktet

Der rechte und linke Rand sind durchgezogene Linien

Beispiel 4

border-style:dotted;

Alle vier Ränder sind gepunktet

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

p
  {
  border-style:solid;
  }

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!

Stellungnahme:
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