CSSダッシュと角度付きの枠線

Question

どのように角度を付けるかについての記事がいくつか見つかりましたが、私がしようとしているのは少し異なります。

私はそうのような点線の境界線を持つ要素を持っている：

.box { border: 1px dashed #fff; } 

はしかし、私は同時に45度の角度で■は要素の角を持ち、その点線の境界があることをしようとしています。

これは可能ですか？

Answer 1

あなたは国境半径のベジェ微調整することにより、かなり近いツー45度の角度一部を得ることができます： http://www.css3.info/preview/rounded-border/

Answer 2

あなたは2背景要素でこれを行うにはしたくないだろう理由はありますか？

.box { 
    /* this background image will stick to the top of the box */ 
    background: url(/* you would put a 10px high image that is the width of said box */) no-repeat left top; 
    display: block; 
    padding: 10px 0 0; /* this padding element needs to match the background height */ 
} 
    .box .inner { 
     /* this will stick the background image to the bottom, and grow with the natural height of the box */ 
     background: url(/* you'd put a looong background image, that could stretch vertically */) no-repeat left bottom; 
     display: block; 
     padding: 0 10px 10px; 
    } 

あなたのマークアップは次のようになります。

<div class="box"> 
    <div class="inner"> 
     ...Content goes here... 
    </div> 
</div> 

あなただけborderスタイルでそれをしたい場合、私は理解することができますが、私は直角を行う方法を知らないとそれはIEで動作するように、ひどいです。