css border-image-repeat property
Hasil terjemahan：
sempadan
Bahasa Inggeris [ˈbɔ:də(r)] AS [ˈbɔ:rdə(r)] n tepi vt.& vi sebelah... vt. Sepanjang sisi..., sekeliling..., bersempadan... vi lebih kurang, bersebelahan Orang ketiga tunggal: sempadan Jamak: sempadan Kata participle sekarang: bersempadan Masa lalu. tense: bersempadan Kata laluan: bersempadanimej英[ˈɪmɪdʒ] 美[ˈɪmɪdʒ]
n imej, imaginasi; ;simbolOrang ketiga tunggal: imej Plural: imej participle sekarang: pengimejan masa lampau: imejan past participle: diimejanrepeat
英[rɪpi:t] 美[rɪtˈpit] ; vcss border-image-repeat propertysintaks
Fungsi: Menentukan sama ada jidar imej harus diulang, diregangkan atau dibulatkan. . pusingan adalah serupa dengan nilai ulangan. Jika semua imej tidak boleh dijubin sepenuhnya, imej akan diskalakan agar sesuai dengan kawasan tersebut.
Nota: Harta ini menentukan cara meregangkan dan membentangkan tepi dan tengah imej sempadan. Oleh itu, anda boleh menentukan dua nilai. Jika nilai kedua ditinggalkan, nilai yang sama seperti yang pertama diambil.
css border-image-repeat propertycontoh
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: lightgrey;
border: 30px solid transparent;
border-image: url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
border-image-slice: 30;
border-image-repeat: repeat;
}
</style>
</head>
<body>
<div>
DIV 使用图像边框。
</div>
<p>使用的图片:</p>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg">
<p><b>注意: </b>Internet Explorer 10, Opera 12, 和 Safari 5 不支持 border-image-repeat 属性。</p>
</body>
</html>Run Instance »
Klik butang "Run Instance" untuk melihat instance dalam talian