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

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

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

GoB
PHP Super Member
PHP Super Member
Posts: 212
Joined: 12/01/2015 10:14 am

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

Post by GoB » 18/03/2015 6:46 pm

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

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

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

Code: Select all

<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 373 times
การกำหนดค่าแบบ rect
2.jpg
2.jpg (5.83 KiB) Viewed 373 times

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 1 guest