Vetia shape-margin
Vetia shape-margin përcakton hapësirën përreth formës,
të përcaktuar nga vetia shape-outside.
Kjo lejon rritjen e distancës midis formës dhe tekstit që e rrjedh rreth saj.
Sintaksa
përzgjedhësi {
shape-margin: vlera;
}
Shembull
Rreth me hapësirë prej 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;
}
:
Shembull
Trekëndësh me hapësirë prej 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;
}
:
Shihni gjithashtu
-
vetia
shape-outside,
që përcakton formën për rrjedhje -
vetia
clip-path,
që krijon formën e dukshme të elementit -
vetia
float,
e nevojshme për funksionimin e shape-margin