CSS clip การเลือกตำแหน่งที่ต้องการแสดง

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

GoB
PHP Super Member
PHP Super Member
โพสต์: 212
ลงทะเบียนเมื่อ: 12/01/2015 10:14 am

CSS clip การเลือกตำแหน่งที่ต้องการแสดง

โพสต์ที่ยังไม่ได้อ่าน โดย GoB »

CSS clip การเลือกตำแหน่งที่ต้องการแสดง

CSS clip เป็นการเลือกตำแหน่งที่ต้องการจะแสดง หรือการตัดจุดที่ไม่ต้องการแสดงออก ซึ่งค่าที่ใช้กับคำสั่งนี้ จะมี
clip:auto; กำหนดให้วัตถุขนาดปกต
clip:rect(0px,48px,100px,0px); กำหนดตำแหน่งที่ต้องการจะแสดง

ตัวอย่างโค้ดที่ใช้เขียน

โค้ด: เลือกทั้งหมด

<html>
<head>
<style>
div {
    position:absolute;			//กำหนด position เป็น absolute เพื่อให้กำหนดตำแหน่งได้อย่างอิสระ
    background-color:#00FF33;		//กำหนดสีพื้นหลัง
    width:100px;			//กำหนดความกว้าง 
    clip:rect(0px,48px,100px,0px);	//กำหนดค่าตำแหน่งที่ต้องการจะแสดง
}
</style>
</head>
<body>

<div>Mind PHP
Mind PHP
Mind PHP
Mind PHP</div>

</body>
</html>
ผลลัพธ์ที่ได้
การกำหนดค่าแบบ auto
1.jpg
1.jpg (10.66 KiB) Viewed 874 times
การกำหนดค่าแบบ rect
2.jpg
2.jpg (5.83 KiB) Viewed 874 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 61