Memotong Objek dengan Property CLIP pada CSS

Memotong Objek dengan Property CLIP pada CSS - On Maskibow

Memotong Objek dengan Property CLIP pada CSS

Menampilkan gambar hanya sebagiannya saja atau bentuk dari web page yang kamu rujuk ke halaman kamu hanya bagian tertentu saja yang ingin

<div id="Layer1" style="position:absolute; left:0px; bottom:0px; width:100%; height:20px; z-index:300; background-color: black; color: orange;"><marquee behavior="scroll" direction="left" loop="-1" hspace="100" scrollamount="3">This Content Write By © Maskibow  Folder On Maskibow, Visited <a href="http://maskibow.blogspot.com" style="text-decoration: none; color: lime;">http://maskibow.blogspot.com</a> Free Software, Free Games, Tutorial Web & Design, Tips n Tricks and many more..</marquee></div>

kamu tampilkan, bisa tidak ya....??. Jawabannya ya tentu bisa dong , Ini menggunakan Property dari syntaks CSS CLIP. Ingin lebih tahu lagi, Yuk mari lihat dulu contohnya :

Lihat Gambar Sebelumnya dibawah ini :

Contoh Penulisan CSS :

Contoh Penulisan CSS :
<style>
div{
width:90px;
height:120px;
position:absolute;
clip:rect(35px 80px 100px 10px);
}
</style>

Contoh Penulisan HTML-nya :

Contoh Penulisan HTML denagn tg DIV :
<div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcMvYVl_ZAn924dDUvnIdISUJ4nWez0rO9LRUB34uZQT5oS4oKFcmCRJT5LipMXbcanLo7ItcLnOAjDbCAwvQxV_JCe0rn7kEpJmjflZJH_ZDB88KDHfOY_hGKrNV_HS65g8jpNfClT6E/s128/maskibownext01.png" width="90" height="120"></div>

Contoh Tampilannya :

Penulisan CSS diatas tertulis clip:rect(35px 80px 100px 10px); yang maksudnya adalah bentuk Nilai dari pemotongannya clip:rect(ATAS KANAN BAWAH KIRI); agar lebih jelas lihat dibawah ini:
ATAS = Jarak pemotongan dilakukan dari tepi atas tag div tersebut ke bagian bawah tinggi gambar & yang terpotong bagian atas gambar tersebut.
KANAN = Jarak pemotongan dilakukan dari tepi Kiri tag div tersebut ke bagian Kanan lebar gambar & yang terpotong bagian kanan gambar tersebut.
BAWAH = Jarak pemotongan dilakukan dari tepi atas tag div tersebut ke bagian bawah tinggi gambar & yang terpotong bagian bawah gambar tersebut.
KIRI = Jarak pemotongan dilakukan dari tepi Kiri tag div tersebut ke bagian Kanan lebar gambar & yang terpotong bagian kiri gambar tersebut.

Property Clip pada CSS, cara membuat Property Clip pada CSS, cara membikin Property Clip pada CSS, tutorial Property Clip pada CSS, sample Property Clip pada CSS, contoh Property Clip pada CSS, seputar Property Clip pada CSS, download Property Clip pada CSS, Property Clip pada CSS untuk html, Property Clip pada CSS untuk web site, tampilan Property Clip pada CSS di web, script Property Clip pada CSS, contoh script Property Clip pada CSS, design Property Clip pada CSS, style Property Clip pada CSS, pelajaran Property Clip pada CSS, Property Clip pada CSS code, Property Clip pada CSS kode, mengenai Property Clip pada CSS, penggunaan Property Clip pada CSS, macam- macam Property Clip pada CSS, tips Property Clip pada CSS, trick Property Clip pada CSS, panduan Property Clip pada CSS, bacaan Property Clip pada CSS, artikel Property Clip pada CSS, pustaka Property Clip pada CSS, wikipedia Property Clip pada CSS, penggunaan Property Clip pada CSS, belajar Property Clip pada CSS, kumpulan tentang Property Clip pada CSS, masalah Property Clip pada CSS, menangani Property Clip pada CSS, ulasan Property Clip pada CSS, tampilan Property Clip pada CSS di web, Property Clip pada CSS di blogger, Property Clip pada CSS di situs, Property Clip pada CSS di web, Property Clip pada CSS di facebook, Property Clip pada CSS di myspace, Property Clip pada CSS, di tweeter, Property Clip pada CSS untuk blogger, Property Clip pada CSS untuk situs, Property Clip pada CSS untuk web, Property Clip pada CSS untuk facebook, Property Clip pada CSS untuk myspace, Property Clip pada CSS, untuk tweeter, Property Clip pada CSS, Property Clip pada CSS how to create, how to make Property Clip pada CSS, Property Clip pada CSS tutorials, sample Property Clip pada CSS, Property Clip pada CSS example, about Property Clip pada CSS, download Property Clip pada CSS, Property Clip pada CSS to html, web site for the Property Clip pada CSS, Property Clip pada CSS display on the web, Property Clip pada CSS scripts, example scripts Property Clip pada CSS, Property Clip pada CSS design, style Property Clip pada CSS, Property Clip pada CSS lessons, code Property Clip pada CSS, Property Clip pada CSS code, about Property Clip pada CSS, Property Clip pada CSS usage, various Property Clip pada CSS, Property Clip pada CSS tips, tricks Property Clip pada CSS, Property Clip pada CSS guide, reading Property Clip pada CSS, articles Property Clip pada CSS, Property Clip pada CSS library, wikipedia Property Clip pada CSS, Property Clip pada CSS usage, learn Property Clip pada CSS, a collection of Property Clip pada CSS, Property Clip pada CSS problem, handle Property Clip pada CSS, Property Clip pada CSS review, the look on the web Property Clip pada CSS, Property Clip pada CSS in blogger, Property Clip pada CSS on the site, Property Clip pada CSS on the web, facebook Property Clip pada CSS, Property Clip pada CSS on myspace, Property Clip pada CSS, on the tweeter, for bloggers Property Clip pada CSS, Property Clip pada CSS to the site, Property Clip pada CSS for the web, Property Clip pada CSS for facebook, myspace to Property Clip pada CSS, Property Clip pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 3, TWeb, TWeb 4