1. Home
  2. คุณสมบัติ CSS พื้นหลังตำแหน่ง

บทช่วยสอน คุณสมบัติ CSS พื้นหลังตำแหน่ง ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,คำจำกัดความและคำแนะนำการแท็ก,สนับสนุนเบราว์เซอร์,มูลค่าทรัพย์สิน,ตัวอย่างออนไลน์,บทความที่เกี่ยวข้อง,

คุณสมบัติ CSS พื้นหลังตำแหน่ง

ตัวอย่าง

วิธีการค้นหาภาพพื้นหลัง:

body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

ลอง»

คำจำกัดความและคำแนะนำการแท็ก

คุณสมบัติพื้นหลังตำแหน่งกำหนดตำแหน่งเริ่มต้นของภาพพื้นหลัง

โปรดทราบว่าสำหรับการทำงานใน Firefox และ Opera, พื้นหลังแนบจะต้องตั้งค่า "คงที่ (คงที่)."

เริ่มต้น: 0% 0%
มรดก: ไม่
เวอร์ชัน: CSS1
ไวยากรณ์ javascript: วัตถุ object.style.backgroundPosition = "center"

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน

คุณสมบัติ
พื้นหลังตำแหน่ง 1.0 4.0 1.0 1.0 3.5

หมายเหตุ: IE8 เบราเซอร์และรุ่นก่อนหน้าไม่สนับสนุนองค์ประกอบมีจำนวนมากของภาพพื้นหลัง

มูลค่าทรัพย์สิน

值 描述
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom		 如果仅指定一个关键字，其他值将会是"center"
x% y% 第一个值是水平位置，第二个值是垂直。左上角是0％0％。右下角是100％100％。如果仅指定了一个值，其他值将是50％。 。默认值为：0％0％
xpos ypos 第一个值是水平位置，第二个值是垂直。左上角是0。单位可以是像素（0px0px）或任何其他 CSS单位 。如果仅指定了一个值，其他值将是50％。你可以混合使用％和positions
inherit 指定background-position属性设置应该从父元素继承

ตัวอย่าง

ตัวอย่างออนไลน์

วิธีการตั้งค่าภาพพื้นหลังของหน้า
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าภาพพื้นหลังบนหน้าเว็บ

วิธีการวางตำแหน่งภาพพื้นหลังโดยใช้%
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้ตำแหน่งของภาพบนหน้าการตั้งค่า%

วิธีการวางตำแหน่งภาพพื้นหลังโดยใช้พิกเซล
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้ภาพบนพิกเซลหน้าการตั้งค่าตำแหน่ง

บทความที่เกี่ยวข้อง

CSS Tutorial: CSS พื้นหลัง

คู่มือการใช้งาน CSS อ้างอิง: คุณสมบัติ background-image

บทแนะนำยอดนิยม

Contact US

คุณสมบัติ CSS พื้นหลังตำแหน่ง
10/30