CSS Border (Borders)

Rahmenstil

Border-Stil-Eigenschaft gibt an, welche Art von Rahmen angezeigt werden.

border-style Eigenschaft wird verwendet , um den Stil der Grenze zu definieren ,

border-style-Wert:

none: Keine Standardrahmen

gepunktet: gepunktet: Definiert eine Marquee

gestrichelte: Definiert eine gestrichelte Box

fest: die Definition von festen Grenze

double: zwei Grenzen definieren. Die gleichen Werte der beiden Randbreite und Grenzbreite

Nut: Nut 3D-Grenze definiert. Die Wirkung ist abhängig von den Farbwerten der Grenz

Kamm: die First Grenze 3D-Definition. Die Wirkung ist abhängig von den Farbwerten der Grenz

Einschub: Definiert eine 3D eingebettet Grenze. Die Wirkung ist abhängig von den Farbwerten der Grenz

Anfang: Definiert eine 3D Anfang Grenze. Die Wirkung ist abhängig von den Farbwerten der Grenz

Versuchen Sie : setzen Sie die Grenze Stil

Randbreite

Sie können die Breite der Grenze von der border-width-Attribut angeben.

Gibt die Breite für die Umrandung in zweierlei Hinsicht: Sie können die Länge des Werts angeben können, wie 2px oder 0.1em, oder eines der drei Schlüsselwörter verwenden, die dünn sind, mittel (Standard) und dick.

Hinweis: CSS wird nicht definiert , drei Schlüsselwörter bestimmte Breite, so dass ein User - Agent die dünn sein kann, mittlere und dicke jeweils gleich auf 5px, 3px und 2px, während ein anderer User - Agent jeweils auf 3px, 2px und 1px.

Randfarbe

border-color-Eigenschaft setzt die Farbe der Grenze. Sie können die Farbe einstellen:

• Name - Gibt den Namen der Farbe, wie "rot"
• RGB - geben Sie einen RGB-Wert, wie "rgb (255,0,0)"
• Hex - Gibt den hexadezimalen Wert, wie "# ff0000"

Sie können auch die Rahmenfarbe auf "transparent" gesetzt.

Hinweis: border-color allein nicht funktioniert, müssen Sie die Grenze Stil verwenden, um die Grenze Stil einzustellen.

Border - separate Einstellungen für jede Seite

In CSS können Sie verschiedene Seiten unterschiedliche Grenzen festlegen:

Das obige Beispiel kann auch ein einzelnes Attribut festgelegt:

border-style-Eigenschaft ein bis vier Werte haben:

• border-style: punktiert massive Doppel gestrichelte ;
  • Die Grenzen sind punktiert
  • Rechter Rand ist solide
  • Ein Doppelboden Grenze
  • Linke Grenze ist gestrichelt
  
  
• border-style: punktiert solide double;
  • Die Grenzen sind punktiert
  • Der linke und rechte Rand ist solide
  • Ein Doppelboden Grenze
  
  
• border-style: punktiert solid;
  • Auf der Unterseite ist punktierte Grenze
  • Rechte und linke Grenzen sind solide
  
  
• border-style: punktiert;
  • Umgeben von einem gepunkteten Rahmen

Das obige Beispiel verwendet die border-style. Es kann aber auch zusammen border-width, border-color sein.

Border - Kurzschrift-Eigenschaft

Das obige Beispiel verwendet eine Menge Eigenschaft, um die Grenze zu setzen.

T Sie können auch die Grenze in einer Eigenschaft festgelegt.

Sie können "Grenze" Attribut gesetzt:

• border-width
• border-style (erforderlich)
• border-color

Weitere Beispiele

Alle Grenz Eigenschaften in einer Erklärung zu sein
Dieses Beispiel zeigt eine zusammenfassende Eigenschaft alle vier Rahmeneigenschaften in derselben Anweisung zu setzen.

Einstellen Grenze Stil
Dieses Beispiel zeigt, wie der Stil der unteren Grenze zu setzen.

Einstellen der Breite der linken Rand
Dieses Beispiel zeigt, wie die Breite der linken Rand zu setzen.

Legen Sie die Farbe der vier Grenzen
Dieses Beispiel zeigt, wie die Farbe der vier Grenzen zu setzen. Sie können 1 bis 4 Farben.

Legen Sie die Farbe des rechten Rand
Dieses Beispiel zeigt, wie die Farbe des rechten Rand zu setzen.

CSS Rahmeneigenschaften