242 of 313 menu

shape-margin հատկությունը

shape-margin հատկությունը սահմանում է բացվածք shape-outside հատկությամբ սահմանված ձևի շուրջ: Սա թույլ է տալիս մեծացնել ձևի և դրան շրջահոսող տեքստի միջև եղած հեռավորությունը:

Շարահյուսություն

ընտրիչ { shape-margin: արժեք; }

Օրինակ

Շրջան 20px բացվածքով:

<div class="shape"></div> <p> some long text </p> .shape { width: 150px; height: 150px; float: left; shape-outside: circle(50%); shape-margin: 10px; clip-path: circle(50%); background: #3498db; } p { width: 500px; text-align: justify; }

:

Օրինակ

Եռանկյունի 1em բացվածքով:

<div class="shape"></div> <p> some long text </p> .shape { width: 150px; height: 150px; float: left; shape-outside: polygon(0% 0%, 100% 50%, 0% 100%); shape-margin: 1em; clip-path: polygon(0% 0%, 100% 50%, 0% 100%); background: #e74c3c; } p { width: 500px; text-align: justify; }

:

Տես նաև

  • shape-outside հատկությունը,
    որը սահմանում է եզրագծման ձևը
  • clip-path հատկությունը,
    որը ստեղծում է տարրի տեսանելի ձևը
  • float հատկությունը,
    որը անհրաժեշտ է shape-margin-ի աշխատանքի համար
Հայերեն
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Մենք օգտագործում ենք cookie-ներ կայքի աշխատանքի, վերլուծության և անհատականացման համար։ Տվյալների մշակումը կատարվում է համաձայն Գաղտնիության քաղաքականության։
ընդունել բոլորը կարգավորել մերժել