CSS3 HTML5グラフィカル境界インスタンスという名前が示すように、グラフィカル境界は、オブジェクトとして画像を使用できる境界です。
以下は、HTML5のCSS3を介して実装されたグラフィカル境界例に関する関連コンテンツです。この記事のチュートリアルでは、主に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繰り返し;
Border-Image:url(/images/border-image.png)5繰り返し;
ここで、境界:5pxは境界の幅を設定し、次に各境界の画像定義は、境界として機能するために画像の部分を使用するかをブラウザに伝えます。境界画像は、各エッジに対して個別に設定することもできます。
境界線の右イメージ
国境領域のイメージ
国境底左のイメージ
ボーダー左のイメージ
ボーダートップ左のイメージ
ボーダートップイメージ
ボーダートップ右イメージ
国境右イメージ
サポートされているブラウザ:Firefox 3.1、Safari、Chrome。
これは、HTML5のCSS3を介して実装されたグラフィカル境界例に関する記事に関するすべてです。このサイトの他のコンテンツを参照してください。ホームページに戻るには、ここをクリックしてください