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-ի աշխատանքի համար