Brukere kan forbedre utformingen av HTML -dokumenter og websider ved hjelp av CSS. For dette formålet brukes mange CSS-egenskaper og "disposisjon" og "Border-Radius" er en av dem. Mer spesifikt, “skissere”Eiendom brukes til å tegne omrisset, og“Border-Radius”Brukes for å stille de avrundede hjørnene på det skisserte elementet.

Denne bloggen vil diskutere:

• Hva er disposisjonsradius?
• Hvordan bruke omrissradiuseffekt på HTML -elementet?

Hva er disposisjonsradiusen?

“skissere”Eiendom brukes til å forme elementets omriss, men det kan ikke implementeres direkte. Derfor bruker den alternative metoden for å anvende radiuseffekten på en disposisjon en "Border-Radius”CSS -eiendom. Den spesifiserer de avrundede hjørnene for konturer.

Hvordan bruke omrissradiuseffekt på HTML -elementet?

For å bruke konturradiusegenskapen, gå gjennom de gitte instruksjonene.

Trinn 1: Legg inn overskrifter

Opprinnelig innebygde overskriftene ved å bruke en hvilken som helst overskriftskode fra “

" til "

”. For eksempel har vi brukt "

”Og“

Trinn 2: Legg til First Div Container

Etter det, legg til en beholder ved hjelp av “" stikkord. Sett også inn "klasse”Attributt og spesifisere navnet for klassen i henhold til ditt valg.

Trinn 3: Lag andre div container

Lag en annen “div”Container ved å følge samme prosedyre:

Linuxhint Ltd UK

Ulike eksempler for grense-radius for å lage hjørnene på en disposisjonssirkulær.

Linuxhint gir det beste og mest unike innholdet for brukerne.


Det fungerer på flere kategorier.

Utgangen fra ovennevnte kode er vist nedenfor:

Trinn 4: Angi konturen til den første beholderen

Få tilgang til den første beholderen ved å bruke “.Box1-Div”Klasse der“.”Er en velger for å få tilgang til klassen:

.Box1-div
Oversikt: fast;
Bredde: 300px;
polstring: 15px;
Margin: 25px;

Bruk deretter de nedenfor-listede CSS-egenskapene:

• “skissere”Eiendom brukes til å legge til en oversikt rundt elementet. For eksempel er verdien satt som "fast”.
• “bredde”Angir størrelsen på elementet horisontalt.
• “polstring”Brukes for å fordele plassen rundt elementets innhold.
• “margin”Spesifiser rommet på utsiden av elementgrensen.

Trinn 5: Angi omrisset av den andre beholderen

Få tilgang til det andre elementet ved hjelp av sin respektive klasse “.Box2-Div”:

.Box2-div
Oversikt: fast;
Border-Radius: 20px;
Bredde: 300px;
polstring: 15px;
Margin: 25px;

Bruk CSS -eiendommen “Border-Radius”For å definere elementets radius. Denne egenskapen lar deg legge til avrundede hjørner rundt elementet:

Det kan legges merke til at vi har lagt til disposisjonsradius -effekten på HTML -elementet.

Konklusjon

“Omriss-radius" er ikke lenger tilgjengelig. Brukere kan bruke konturradiusegenskapene ved hjelp av CSS “Outline” og “Border-Radius” -egenskaper. “skissere”Legger til en oversikt rundt elementet, og“Border-Radius”Brukes spesielt til styling av konturen. Dette innlegget har vist instruksjonene for å legge til omrissradius -effekten rundt elementet i HTML.