Tutorial 5- Making border in image

The border-image-slice property is used to divide the source image into regions, which are then dynamically applied to the final border image.

The border-image CSS property draws an image around a given element. It replaces the element's regular border.

You can give an image a border in any width, style, and color before inserting it into your webpage. They do a full working program on 30 day trial.

border-image-width 可以設定邊框的「影像寬度」，通常使用影像邊框時，預設都會將影像「填滿」邊框，但運用這個樣式就能設定影像的尺寸，進而產生「裁切」或「留白」的效果， ... border-image-source 邊框的影... · border-image-slice 邊框的影像...

The <img> border attribute is used to specify the border width around the image. The default value of <img> border attribute is 0.

Use these HTML image border codes for your website or blog. Simply copy then paste the code to your own website/blog/MySpace profile page.

border-image-slice：邊框圖片分割，border-image-slice 會把圖片分成九公格，抓出圖片四角的圖片位置，分別為上、右、下、左，數字後面不可加單位。

Use the border property to add a border to an <img> element. Example: img { border: 5px solid #555; }

The CSS border-image property allows you to specify an image to be used instead of the normal border around an element. The property has three parts: The image ...

img border 圖片邊框. HTML 透過<img> 標籤來插入圖片，而圖片除了單純的一張圖之外，也可以加入些邊框（img border）的美化，或者在圖片加入超連結時，更需要處理img border， ...