CSS background প্রোপার্টি
- หน้าก่อนหน้า backface-visibility
- หน้าต่อไป background-attachment
পরিভাষা ও ব্যবহার
background
সকল ব্যবহারকারীকারী প্রতিশব্দকে একটি বিবৃতিতে সেট করা।
মনে করে এমন একটি প্রতিশব্দ সেট করা যেতে পারে:
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
যদি এতে কোনও মান না সেট করা হয়, তবুও কোনও সমস্যা হবে না, যেমন background:#ff0000 url('smiley.gif');ও অনুমোদিত।
เป็นไปได้ที่จะแนะนำให้ใช้คุณสมบัตินี้มากกว่าการใช้คุณสมบัติเดี่ยวๆ เพราะคุณสมบัตินี้สามารถได้รับการสนับสนุนได้ดีในบราวเซอร์ที่เก่าแก่ และต้องใส่ตัวอักษรในตัวก็น้อยกว่า
ดูเพิ่มเติมที่:
CSS ต่อรองCSS ব্যবহার、CSS ภาพ배경 (ระดับขั้นสูง)
คู่มือเอชทีเอ็มแอลล์ โดเมนคุณสมบัติ background
ตัวอย่าง
วิธีการกำหนดคุณสมบัติภาพ배경ทั้งหมดในคำเรียกใช้เดียว:
body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }
CSS การเขียน
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
ค่าคุณสมบัติ
ค่า | คำอธิบาย | CSS |
---|---|---|
background-color | กำหนดสีที่ใช้ในภาพ배경 | 1 |
background-position | กำหนดตำแหน่งของภาพ배경 | 1 |
background-size | กำหนดขนาดของภาพ배경 | 3 |
background-repeat | กำหนดวิธีที่ภาพ배경จะถูกซ้ำ | 1 |
background-origin | กำหนดพื้นที่ที่ภาพ배경จะถูกจัดลำดับ | 3 |
background-clip | กำหนดพื้นที่การวาดภาพ배경 | 3 |
background-attachment | กำหนดภาพ배경คงที่หรือทำให้เลื่อนตามส่วนอื่นของหน้า | 1 |
background-image | กำหนดภาพ배경ที่ใช้ | 1 |
inherit | กำหนดให้รับมาจากคุณสมบัติ background ของตัวปลอม | 1 |
รายละเอียดเทคโนโลยี
ค่าเริ่มต้น: | not specified |
---|---|
นิยาม: | no |
รุ่น: | CSS1 + CSS3 |
JavaScript การใช้งาน: | object.style.background="white url(paper.gif) repeat-y" |
การสนับสนุนโปรแกรมนำทาง
ตัวเลขในตารางแสดงรุ่นที่เริ่มต้นในบราวเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าก่อนหน้า backface-visibility
- หน้าต่อไป background-attachment