Die clip Eienskap

Die clip eienskap laat toe dat 'n absoluut geposisioneerde element gesny word, slegs die gespesifiseerde reghoekige area sigbaar gelaat. Die waarde word gespesifiseer deur die rect funksie te gebruik.

Sintaksis

cssselektor {
  clip: rect(bo, regs, onder, links) | outo;
}

Voorbereiding van Beelde

Kom ons sê ons het 'n natuurbeeld wat ons gaan sny:

html<img src="image.jpg" width="500">

Результат:

Voorbeeld

Laat ons die beeld sny, slegs die sentrale deel sigbaar laat:

html<div class="container">
  <img class="image" src="image.jpg">
</div>

css.container {
  position: relative;
  width: 400px;
  height: 300px;
}
.image {
  position: absolute;
  clip: rect(50px, 350px, 250px, 50px);
  width: 400px;
  height: 300px;
}

Результат:

Sien Ook