Können Sie CSS eine Grenz depazität einstellen??

Können Sie CSS eine Grenz depazität einstellen??
CSS wird häufig zum Styling der HTML -Komponente verwendet, um die Frontendentwicklung attraktiver zu machen. Es bietet verschiedene Eigenschaften wie Marge, Polsterung, Farbe, Größe und Breite. Genauer gesagt das “Grenze„Eigenschaft wird verwendet, um jegliche Art von Elemente beizulegen, wie“form","Tisch","Bilder", "oder "Text”. Darüber hinaus können Benutzer den Rand in CSS auch transparent machen.

Dieser Beitrag wird erklären:

  • Können Sie die Grenzunterschiede in CSS einstellen??
  • So setzen Sie die Grenztraining in CSS?

Können Sie die Grenzunterschiede in CSS einstellen??

Ja, Benutzer können die Opazität eines beliebigen Elements in CSS festlegen. Um die Grenze transparent oder völlig unsichtbar zu machen, setzen Sie seine Deckkraft, indem Sie die “angeben“GrenzeEigentum zusammen mit dem “RGBA" Wert.

Die grundlegende Syntax zur Anwendung der Randdeckkraft ist unten angegeben:

Grenze: RGBA (226, 22, 22,0.1);

Hier repräsentieren die ersten drei Werte die Farben Rot, Grün und Blau. Der letzte Wert gibt die von “dargestellte Deckkraft an“A”:

So setzen Sie die Grenztraining in CSS?

Befolgen Sie die angegebenen Anweisungen, um die Opazität der Grenze festzulegen:

  • Fügen Sie zunächst eine Überschrift hinzu, indem Sie das verwenden "

    Tag und einfügen die “StilEigentum als "Farbe blau”Um die Überschriftenfarbe einzustellen.

  • Dann erstellen Sie eine “"Container zusammen mit dem Klassennamen"Inhalt”.
  • Danach einfügen Text zwischen den “div" Stichworte:

Grenze Deckkraft



Ja, wir können die Grenzunternehmen in CSS festlegen

Das resultierende Bild zeigt die Ausgabe des obigen Code an:

Bewegen wir uns zum CSS -Teil zum Styling des HTML -Elements und setzen Sie die Deckkraft des Randes.

Stil „Inhalts“ -Klasse

Erstens zu "auf die" zu "Inhalt”Klasse verwendet das“.”Selektor und wenden Sie die unten erwähnten CSS-Eigenschaften an:

.Inhalt
Grenzstil: gestrichelt;
Polsterung: 2px;
Rand: 4px;
Hintergrund-Clip: Padding-Box;

Hier:

  • Der "Grenzstil"Eigenschaft wird als" festgelegt "gestrichelt”Zum Styling der Grenze.
  • Der "PolsterungDie Eigenschaft legt den Raum um den Elementinhalt fest.
  • Der "Rand"Eigenschaft wird als" festgelegt "4px”Um den Raum um das Element anzupassen.
  • Der "Hintergrundclip”Eigenschaft definiert, wie weit der Hintergrund (Farbe oder Bild) sich innerhalb eines Elements erstrecken sollte:

Wenden Sie als nächstes die Opazität der Rand an, indem Sie die folgende Eigenschaft verwenden:

Grenzboden: RGBA (226, 22, 22, 0);

Der "GrenzbodenDas Eigentum macht die untere Seite des Randes transparent. Hier, der Wert von “A”Wird als" eingestellt "0”Um die Grenze vollständig zu verbergen:

Es kann beobachtet werden, dass die Grenzlupazazität erfolgreich festgelegt wurde.

Abschluss

Um die Grenzekazität in CSS festzulegen, setzen Sie zunächst den Rand um das Element, indem Sie die “verwendenGrenze" Eigentum. Danach nutzen Sie das Grenzeigentum wieder zusammen mit dem “RGBA”Wert, um die Opazität der Grenze festzulegen. Benutzer können auch auf bestimmten Seiten die Grenzkopie festlegen, indem sie verwendet werden “Grenzboden","Grenze","Grenz-links", Und "Grenzrechte" Eigenschaften. Dieser Beitrag hat die Methode zum Festlegen der Opazität des Randes in CSS demonstriert.