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 жұмысы үшін қажет