113 of 313 menu

Свойство border-image-source

Свойство border-image-source чекка учун расимни белгилайди. Батафсил маълумот учун border-image свойствасига қаранг.

Синтаксис

селектор { border-image-source: url(расим йўли); }

Мисол

border-image-source свойстваси border-image-slice билан бирга белгиланиши керак:

<div id="elem"></div> #elem { border-image-source: url("image.png"); border-image-slice: 26; border-style: solid; border-width: 26px; width: 200px; height: 200px; background: green; margin: 0 auto; }

:

Мисол

Агар border-image-slice свойстваси белгиланмаса, бутун расим бурчакларга тушади (чунки border-image-slice сустки қиймати 100%):

<div id="elem"></div> #elem { border-image-source: url("image.png"); border-style: solid; border-width: 26px; width: 200px; height: 200px; background: green; margin: 0 auto; }

:

Мисол

Расим ўрнига линей градиент белгилаш мумкин:

<div id="elem"></div> #elem { border-image-source: linear-gradient(to bottom, red, blue); border-image-slice: 30; border-width: 30px; border-style: solid; background: green; height: 200px; width: 200px; margin: 0 auto; }

:

Мисол

Агар border-image-slice свойстваси белгиланмаса, градиент бурчакларга тушади (чунки border-image-slice сустки қиймати 100%):

<div id="elem"></div> #elem { border-image-source: linear-gradient(to bottom, red, blue); border-width: 30px; border-style: solid; background: green; height: 200px; width: 200px; margin: 0 auto; }

:

Мисол

Агар border-radius свойствасини белгиланса, афсуски, чекканий айланантирилмайди (градиент учун ҳам), лекин таъсир жуда қизиқ бўлади:

<div id="elem"></div> #elem { border-radius: 100px; border-image-source: url("image.png"); border-image-slice: 26; border-style: solid; border-width: 26px; width: 200px; height: 200px; background: green; margin: 0 auto; }

:

Шунингдек қаранг

  • border-image свойстваси,
    чекка-расим учун қисқартма бўлган
  • border-image-slice свойстваси,
    чекка учун расимни бўлиш
  • border-image-repeat свойстваси,
    чекка учун расимни такрорлаш
  • border-image-width свойстваси,
    чекка учун расим ўлчамини белгилайди
  • border-image-outset свойстваси,
    чекка учун расимни силжишини белгилайди
Ўзбек
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeOʻzbekTiếng Việt
Биз веб-сайт ишлаши, таҳлил қилиш ва персоналлаштириш учун кукидан фойдаланамиз. Маълумотларни қайта ишлаш Махфийлик сиёсатига мувофиқ амалга оширилади.
ҳаммасини қабул қилиш мослаштириш рад этиш