อินสแตนซ์ขอบเขตกราฟิก CSS3 HTML5 ตามชื่อที่แนะนำขอบเขตกราฟิกเป็นขอบเขตที่อนุญาตให้ใช้ภาพเป็นวัตถุ
ต่อไปนี้เป็นเนื้อหาที่เกี่ยวข้องเกี่ยวกับตัวอย่างขอบเขตกราฟิกที่นำมาใช้ผ่าน CSS3 ใน HTML5 บทช่วยสอนส่วนใหญ่พูดถึงเทคโนโลยีและความรู้บางอย่างที่เกี่ยวข้องกับขอบเขตกราฟิกของ HTML5 CSS3 สำหรับเนื้อหาเพิ่มเติมคุณสามารถเยี่ยมชม http://www.vevb.com เพื่อรับบทช่วยสอนล่าสุด ต่อไปนี้เป็นคำอธิบายการสอน:
ตามชื่อที่แนะนำขอบเขตกราฟิกเป็นขอบเขตที่อนุญาตให้ใช้รูปภาพเป็นวัตถุ ไวยากรณ์มีดังนี้:
ชายแดน: 5px Solid #CCCCCCCC;
-webkit-Border-Image: URL (/Images/Border-image.png) 5 ซ้ำ;
-moz-Border-Image: URL (/Images/Border-image.png) 5 ซ้ำ;
ภาพชายแดน: URL (/Images/Border-image.png) 5 ซ้ำ;
ที่นี่ชายแดน: 5px ตั้งค่าความกว้างของขอบเขตจากนั้นคำจำกัดความของภาพของแต่ละขอบเขตจะบอกเบราว์เซอร์ว่าส่วนหนึ่งของภาพถูกใช้เพื่อทำหน้าที่เป็นขอบเขต ภาพขอบเขตยังสามารถตั้งค่าแยกต่างหากสำหรับแต่ละขอบ:
ภาพด้านล่างขวา-ขวา
ภาพชายแดนด้านล่าง
ภาพชายแดนด้านล่างซ้าย
ภาพชายแดน
ภาพ
ภาพด้านบน
ภาพด้านบนขวา-ขวา
ภาพชายแดนขวา
เบราว์เซอร์ที่รองรับ: Firefox 3.1, Safari, Chrome
ทั้งหมดนี้เกี่ยวกับบทความเกี่ยวกับตัวอย่างขอบเขตกราฟิกที่นำมาใช้ผ่าน CSS3 ใน HTML5 ยินดีต้อนรับสู่การเรียกดูเนื้อหาอื่น ๆ ของเว็บไซต์นี้ คลิกที่นี่เพื่อกลับไปที่หน้าแรก