ฟังก์ชัน url() ของ CSS

การประกาศและการใช้งาน

CSS url() ฟังก์ชันอนุญาตให้คุณที่จะใส่ไฟล์เข้าไปในไซล์สไตล์

url() ฟังก์ชันสามารถใช้ในคุณสมบัติและกฎระเบียบต่อไปนี้:

• background
• background-image
• border-image
• border-image-source
• content
• cursor
• filter
• list-style
• list-style-image
• mask
• mask-image
• offset-path
• clip-path
• @font-face
• @counter-style
• @import
• @namespace

ตัวอย่าง

url() ตัวอย่างการใช้ฟังก์ชันเหล่านี้:

background: lightblue url("img_tree.gif") no-repeat fixed center;
background-image: url("paper.gif");
border-image: url(border.png) 30 round;
border-image-source: url(border.png);
content: url(w3css.gif);
cursor: url(myBall.cur);
list-style: square inside url("sqpurple.gif");
list-style-image: url('sqpurple.gif');
mask: url(w3logo.png) no-repeat 50% 50%;
mask-image: url(w3logo.png);
@import url("navigation.css");
@namespace url(http://www.w3.org/1999/xhtml);

CSS สyntax

url(string)

รายละเอียดเทคนิค

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

ตัวเลขในตารางนี้แสดงถึงเวอร์ชันบราวเซอร์ที่สนับสนุนฟังก์ชันนี้ครบถ้วน