Хосияти 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 зарур аст