cssとcss3の比較

オリジナルCSS:

border属性

border-color: 枠線の色

border-width: 枠線の幅

border-style: 枠線のスタイル

none: 枠線なし。指定されたボーダー幅の値に依存しません
hidden: ボーダーを非表示にします。 IE は
点線をサポートしていません: MAC プラットフォームの IE4+、WINDOWS および UNIX プラットフォームの IE5.5+ は点線です。それ以外の場合は、実線 (一般的に使用されます)
破線: MAC プラットフォームでは、IE4+ および WINDOWS、UNIX プラットフォームでは IE5.5+ が点線です。それ以外の場合は、実線 (よく使用されます)
solid: 実線の境界線 (よく使用されます)
double: 二重線の境界線です。 2 本の単線の合計とその間隔は、指定した border-width の値と等しくなります
groove: border-color の値に基づいて 3D 溝を描画します
ridge: border-color の値に基づいてひし形の境界線を描画します
inset : border-color の値に基づいて 3D 描画 Caval uOutSet: 3D 凸エッジを描画

CSS3

Border-COLOR の値に基づいてボーダー枠属性:

Border-Radius: 丸め

div

{

border: 2px Solid;

border-radius:25px;

-moz-border-radius:25px; /* 古い Firefox */

}

box-shadow: ボーダーシャドウ

例:

div

{

box-shadow : 10px 10px 5px #888888;

}

border-images: border-image

border-image-soure

border-image-slice

border-image- width

border-image-outset

border-image-repeat

css と css3 の比較に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。