Kann ich in CSS Prozentangaben für die Rahmenbreite verwenden?

Randstärke in Prozenten

Ihr Versuch, die Randbreite in Prozenten festzulegen, ist auf ein Hindernis gestoßen, da in der CSS-Spezifikation ausdrücklich angegeben ist, dass es sich um Prozentsätze handelt wird für Rahmenbreiten nicht unterstützt.

Es gibt jedoch eine Problemumgehung, mit der Sie die Illusion von prozentualen Rändern erzeugen können. Dazu müssen Sie ein Wrapper-Element mit der gewünschten Rahmenfarbe als Hintergrund erstellen und dessen Abstand in Prozent festlegen. Stellen Sie gleichzeitig den Hintergrund des Elements, das Sie umranden möchten, auf Weiß (oder eine andere geeignete Farbe) ein.

Betrachten Sie dieses Beispiel:

CSS:

.faux-borders {
    background-color: #f00;
    padding: 1px 25%; /* simulate border with padding */
}

.content {
    background-color: #fff;
}

HTML:

<div>

Diese nicht-skriptbasierte Lösung bietet eine Methode zur Simulation prozentualer Grenzen ohne JavaScript.

Das obige ist der detaillierte Inhalt vonKann ich in CSS Prozentangaben für die Rahmenbreite verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!