Posted by: piman007 | 14-11-2007

CSS : BACKGROUND image : repeat

สวัสดีครับ วันนี้เรามาเรียนรู้คำสั่ง repeat จากการลองผิดลองถูกของผม ของสรุปสั้นๆ ดังนี้ครับ
 
repeat คือการสั่งให้ rander รูปในลักษณะของ background ต่อไปเรือยๆ ไม่ว่าขนาดของพื้นที่จะเท่าไหรก็ตาม
สำหรับคนที่เคยเขียน HTML อาจจะผลคุ้นๆ กันบ้างกับคำสั่ง <td background="glass-tab.png"> ซึ่งรูปมันจะขึ้นซ้ำๆ กันเต็มพื้นที่ของ <td>
เหมือนกับคำสั่ง <td style="BACKGROUND: url(‘glass-tab.png’)"> ซึ่งเป็นคำสั่งของ stylesheet หรือ CSS นั่นเอง
 
เอาล่ะมาเรียนรู้คุณสมบัติเพิ่มเติมกันดีกว่า เราสามารถกำหนดได้ว่า จะให้รูปขึ้นเต็มพื้นที่ตามทิศทางได้ ดังตัวอย่างนี้ครับ
 
ให้ เต็มพื้นที่ตามแนวตั้งต้อง repeat-y
style="BACKGROUND: url(‘glass-tab.png’) 0px 0px repeat-y;"
 
ตามแนวนอนต้อง repeat-x
style="BACKGROUND: url(‘glass-tab.png’) 0px 0px repeat-x;"
 
ถ้าไม่ให้ repeat เลยก็ต้อง no-repeat
style="BACKGROUND: url(‘glass-tab.png’) 0px 0px no-repeat;"
 
 
 
 

Responses

  1. ตกลงมันคือ ทำให้รูป ซ้อนขึ้นเรื่อยๆ อ่ะเหรอครับ


ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

หมวดหมู่

%d bloggers like this: