Ta blog bo razpravljal o:

• Kaj je Outline Radius?
• Kako uporabiti učinek polmera orisa na elementu HTML?

Kaj je orisni polmer?

' oris Lastnost se uporablja za oblikovanje obrisa elementa, vendar je ni mogoče neposredno implementirati. Zato je alternativna metoda za uporabo učinka polmera na obrisu uporaba ' mejni polmer Lastnost CSS. Določa zaobljene vogale za obrise.

Kako uporabiti učinek polmera orisa na elementu HTML?

Če želite uporabiti lastnost orisnega radija, preberite podana navodila.

1. korak: Vdelajte naslove

Sprva vdelajte naslove z uporabo katere koli oznake naslova iz »

' do '

”. Na primer, uporabili smo '

« in »

” za vdelavo dveh različnih naslovov v dokument HTML.

2. korak: dodajte prvi vsebnik div

Po tem dodajte vsebnik z uporabo '

' oznaka. Vstavite tudi » razred ” in določite ime za razred po vaši izbiri.

---

---

3. korak: Ustvarite drugi vsebnik div

Ustvari drugo ' div ” po istem postopku:

< h1 stil = 'barva:rgb(48, 10, 218)' > Linuxhint LTD UK < / h1 >

< h2 >

Različni primeri za radij obrobe za ustvarjanje vogalov orisne krožnice.

< / h2 >

< div razred = 'box1-div' >

Linuxhint zagotavlja najboljšo in najbolj edinstveno vsebino za svoje uporabnike.

< / div >

< div razred = 'box2-div' >

Deluje na več kategorijah.

< / div >

Izhod zgornje kode je prikazan spodaj:

4. korak: Nastavite oris prvega vsebnika

Dostopite do prvega vsebnika z uporabo ' .box1-div ' razred, kjer je ' . ” je izbirnik za dostop do razreda:

.box1-div {

oris : trdna ;

premer : 300 slikovnih pik ;

oblazinjenje : 15 slikovnih pik ;

marža : 25 slikovnih pik ;

}

Nato uporabite spodaj navedene lastnosti CSS:

• ' oris Lastnost se uporablja za dodajanje obrisa okoli elementa. Na primer, njegova vrednost je nastavljena kot ' trdna ”.
• “ premer ” določa velikost elementa vodoravno.
• “ oblazinjenje ” se uporablja za dodelitev prostora okoli vsebine elementa.
• “ marža ” določite prostor na zunanji strani obrobe elementa.

5. korak: Nastavite oris drugega vsebnika

Zdaj dostopajte do drugega elementa s pomočjo ustreznega razreda ' .box2-div ”:

.box2-div {

oris : trdna ;

mejni polmer : 20 slikovnih pik ;

premer : 300 slikovnih pik ;

oblazinjenje : 15 slikovnih pik ;

marža : 25 slikovnih pik ;

}

Uporabite lastnost CSS ' mejni polmer ” za določitev polmera elementa. Ta lastnost vam omogoča dodajanje zaobljenih vogalov okoli elementa:

Opazimo lahko, da smo elementu HTML uspešno dodali učinek polmera obrisa.

Zaključek

' orisni polmer ' ni več na voljo. Uporabniki lahko uporabijo lastnosti radija obrobe s pomočjo lastnosti CSS »outline« in »border-radius«. ' oris « doda obris okoli elementa, » mejni polmer ” se posebej uporablja za oblikovanje obrisa. Ta objava prikazuje navodila za dodajanje učinka polmera obrisa okoli elementa v HTML.