คุณสมบัติ style clip

คำอธิบายและการใช้งาน

clip ตั้งค่าหรือกลับค่าส่วนที่แสดงขององค์ประกอบที่ตั้งตำแหน่ง

ดูเพิ่มเติม:

ตอนเรียน CSSCSS การจัดตัว

คู่มือ CSSคุณสมบัติ clip

ตัวอย่าง

ตัวอย่าง 1

ตัดรูปภาพเป็นรูปที่กำหนด

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

ทดลองด้วยตัวเอง

ตัวอย่าง 2

กลับค่าคุณสมบัติ clip:

alert(document.getElementById("myImg").style.clip);

ทดลองด้วยตัวเอง

ภาษาเรียก

กลับค่าคุณสมบัติ clip:

object.style.clip

ตั้งค่าคุณสมบัติ clip:

object.style.clip = "auto|rect(top right bottom left)|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
auto ค่าเริ่มต้น ไม่ตัดขอบองค์ประกอบ
rect(top right bottom left) ตัดขอบรูปที่กำหนดโดยสี่จุดสัญญาณ
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial
inherit มีอาทิตย์เชิงเน้นมาจากองค์ประกอบพ่อของตัวเอง โปรดดู inherit

รายละเอียดเทคนิค

ค่าเริ่มต้น: ไม่มี
ค่าที่กลับมามีความหมายเป็น ตัวอักษรซึ่งแสดงส่วนที่เห็นได้ขององค์ประกอบที่มีการจัดตัว
เวอร์ชั่น CSS: CSS2

การสนับสนุนโปรแกรมนavigators

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน