คุณสมบัติ style clip
- หน้าก่อน clear
- หน้าต่อไป color
- กลับไปยังเวอร์ชั่นขึ้นหนึ่ง วัตถุ HTML DOM Style
คำอธิบายและการใช้งาน
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 |
การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน | การสนับสนุน |
- หน้าก่อน clear
- หน้าต่อไป color
- กลับไปยังเวอร์ชั่นขึ้นหนึ่ง วัตถุ HTML DOM Style