เกี่ยวกับตัวอย่างขอบเขตกราฟิกที่นำมาใช้ผ่าน CSS3 ใน HTML5

อินสแตนซ์ขอบเขตกราฟิก 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 ยินดีต้อนรับสู่การเรียกดูเนื้อหาอื่น ๆ ของเว็บไซต์นี้ คลิกที่นี่เพื่อกลับไปที่หน้าแรก