Na tomto blogu se bude diskutovat:

• Co je poloměr obrysu?
• Jak použít efekt poloměru obrysu na prvek HTML?

Jaký je poloměr obrysu?

' obrys ” vlastnost se používá k tvarování obrysu prvku, ale nelze ji přímo implementovat. Alternativní metodou pro použití efektu poloměru na obrys je proto použití „ hraniční poloměr ” CSS vlastnost. Určuje zaoblené rohy obrysů.

Jak použít efekt poloměru obrysu na prvek HTML?

Chcete-li použít vlastnost obrysového poloměru, projděte si uvedené pokyny.

Krok 1: Vložení nadpisů

Zpočátku vložte nadpisy pomocí libovolné značky nadpisu z „

“ až “

“. Využili jsme například „

' a '

” tagy pro vložení dvou různých nadpisů do dokumentu HTML.

Krok 2: Přidejte první kontejner div

Poté přidejte kontejner pomocí „

” tag. Vložte také „ třída ” a zadejte název třídy podle svého výběru.

---

---

Krok 3: Vytvořte druhý kontejner div

Vytvořte další „ div ” kontejneru pomocí stejného postupu:

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

< h2 >

Různé příklady pro hraniční poloměr pro vytvoření rohů kruhového obrysu.

< / h2 >

< div třída = 'box1-div' >

Linuxhint poskytuje svým uživatelům nejlepší a nejunikátnější obsah.

< / div >

< div třída = 'box2-div' >

Funguje ve více kategoriích.

< / div >

Výstup výše uvedeného kódu je uveden níže:

Krok 4: Nastavte obrys prvního kontejneru

Získejte přístup k prvnímu kontejneru pomocí „ .box1-div třída, kde je . ” je selektor pro přístup ke třídě:

.box1-div {

obrys : pevný ;

šířka : 300 pixelů ;

vycpávka : 15 pixelů ;

okraj : 25 pixelů ;

}

Poté použijte níže uvedené vlastnosti CSS:

• ' obrys Vlastnost ” se používá k přidání obrysu kolem prvku. Jeho hodnota je například nastavena jako „ pevný “.
• “ šířka ” určuje velikost prvku vodorovně.
• “ vycpávka “ se používá pro alokaci prostoru kolem obsahu prvku.
• “ okraj ” určete prostor na vnější straně ohraničení prvku.

Krok 5: Nastavte obrys druhého kontejneru

Nyní přistupte k druhému prvku pomocí jeho příslušné třídy “ .box2-div “:

.box2-div {

obrys : pevný ;

hraniční poloměr : 20 pixelů ;

šířka : 300 pixelů ;

vycpávka : 15 pixelů ;

okraj : 25 pixelů ;

}

Použít vlastnost CSS “ hraniční poloměr ” pro definování poloměru prvku. Tato vlastnost umožňuje přidat zaoblené rohy kolem prvku:

Lze si všimnout, že jsme úspěšně přidali efekt poloměru obrysu na HTML element.

Závěr

' obrys-poloměr ' již není k dispozici. Uživatelé mohou použít vlastnosti obrysového poloměru pomocí vlastností CSS „outline“ a „border-radius“. ' obrys “ přidá obrys kolem prvku a „ hraniční poloměr “ se speciálně používá pro stylování obrysu. Tento příspěvek demonstroval pokyny pro přidání efektu poloměru obrysu kolem prvku v HTML.