CSS er mye brukt til å style HTML -komponenten for å gjøre frontend -utvikling mer attraktiv. Det gir forskjellige egenskaper, for eksempel margin, polstring, farge, høyde og bredde. Mer spesifikt, “grense”Eiendom brukes til å omslutte alle typer elementer, som“form”,“bord”,“Bilder”,“ Eller “tekst”. Videre kan brukere også gjøre grensen gjennomsiktig i CSS.

Dette innlegget vil forklare:

• Kan du sette grense opacitet i CSS?
• Hvordan sette grense opacitet i CSS?

Kan du sette grense opacitet i CSS?

Ja, brukere kan angi opaciteten til et hvilket som helst element i CSS. For å gjøre grensen gjennomsiktig eller fullstendig usynlig, sett sin opacitet ved å spesifisere “grense”Eiendom sammen med“RGBA”Verdi.

Den grunnleggende syntaksen for å anvende grensen opacitet er gitt nedenfor:

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

Her representerer de tre første verdiene de røde, grønne og blå fargene. Den siste verdien spesifiserer opaciteten representert av “en”:

Hvordan sette grense opacitet i CSS?

Følg de gitte instruksjonene:

• Først må du legge til en overskrift ved å bruke "

  ”Tag, og sett inn“stil”Eiendom som“Farge: blå”For å angi overskriftsfargen.

• Deretter lage en "”Container sammen med klassenavnet”innhold”.
• Etter det, sett inn tekst mellom “div”Tagger:

Grense opacitet

Ja vi kan sette grense opacitet i CSS

Det resulterende bildet viser utdataene fra ovennevnte kode:

La oss gå mot CSS -delen for å style HTML -elementet og sette grensenes opacitet.

Stil "innhold" -klasse

Først får du tilgang til “innhold”Klasse ved å bruke“.”Valg og bruk de under-nevnte CSS-egenskapene:

.innhold
Border-stil: Strikket;
polstring: 2px;
Margin: 4px;
Bakgrunnsklip: Padding-Box;

Her:

• “grensestil”Eiendom er satt som“Strikket”For styling av grensen.
• “polstring”Eiendom setter plassen rundt elementinnholdet.
• “margin”Eiendom er satt som“4px”For å justere plassen rundt elementet.
• “Bakgrunnsklipp”Eiendom definerer hvor langt bakgrunnen (farge eller bilde) skal strekke seg innenfor et element:

Deretter bruker du grense opacitet ved å bruke eiendommen nedenfor:

Border-Bottom: RGBA (226, 22, 22, 0);

“Border-Bottom”Eiendom gjør bunnsiden av grensen gjennomsiktig. Her, verdien av “en”Er satt som“0”For å skjule grensen fullstendig:

Det kan observeres at grensen opacitet er satt vellykket.

Konklusjon

For å sette grensen opacitet i CSS, sett først grensen rundt elementet ved å bruke "grense”Eiendom. Etter det, bruk igjen grenseeiendommen sammen med “RGBA”Verdi for å sette grensenes opacitet. Brukere kan også sette grense opacitet på spesifikke sider ved å bruke "Border-Bottom”,“grensen”,“grense-venstre”, Og“Grense-høyre" egenskaper. Dette innlegget har vist metoden for å sette grensenes opacitet i CSS.