2012-04-05 14 views
0

可能性の重複:左へとdiv要素の右に、div要素にボーダーを置くしようとしている
Give a CSS styled div a “border-left-image”ボーダー画像不明なプロパティ?

イム。

HTML:

<div id="containerscontainer"><div> 

はCSS:

#containerscontainer { 
    width: 970px; 
    margin: 0 auto; 
    padding: 0px 0px 0px 0px; 
    background-color:#000;  
    border-left-image:url('/gfx/bkshadleft.png'); 
    border-right-image:url('/gfx/bkshadright.png'); 
} 

enter image description here enter image description here

が、クロムで何らかの理由で、私はイムはエラー不明のプロパティ名を取得見ることができますか?どうしてこれなの?私はそれを正しくやっていないのですか?

フィドル例:Chromeで動作するようにhttp://jsfiddle.net/uzi002/8dX7R/3/

+0

? http://stackoverflow.com/questions/5541336/give-a-css-styled-div-a-border-left-image – iambriansreed

+0

すべての罫線に対して罫線イメージを定義し、上部に 'border-width'を設定することができますbottomは0になります: 'border-width:0 10px;'? – cchana

+0

境界がそれぞれの側で異なる必要があります – Beginner

答えて

1

は、スタイルに名前を付ける必要があります。

-webkit-ボーダー-左の画像

はこの記事を参照してください:からGive a CSS styled div a "border-left-image"

+0

私はすべてのブラウザで動作するようにしたい – Beginner

+0

また、私は – Beginner

+0

の私の例を参照してくださいしてみましたので、両方のスタイルをCSSに追加してください。 ) – Gatekeeper

1

を経験、私は構文がオフになるか、イメージが正しい次元ではなく、境界線が外れているように感じます。

http://border-image.com/

をし、また、私はあなたのフィドルにはボーダー画像を見ていない:私は、画像を生成するには、このようにウェブサイトを使用してお勧めします。

+0

yeh thats国境が現れない問題 – Beginner

関連する問題