罫線を使用して三角形を作成する

Question

最近、スピーチバブルを作成する必要がありました。スピーチバブルの最後に小さな三角形の先端を作成するには、私はを使用しました。ここでは、要素には0widthと0heightと境界が与えられています。特定の罫線を透明にすると対角線が作成されます。

これは素晴らしい作品です。好みの三角形や図形を作成するために、さまざまな罫線を操作できます。問題は、私はこれがなぜ機能するのか完全に理解していないということです。すべてがrectangleで始まり、境界のoneまたはmoreを透明に設定すると、対角線が作成されることを理解しています。私の質問は、どのように機能するのですか？そして、なぜそれが最初に対角線を作成するのですか？

編集：明確にするために、私はの背後にある理論を知りたいと思っています。このテクニックが動作します。

Answer 1

。

画像フレームを考えてください。 4つのパーツで構成され、それぞれ45度の端が他のフレームのパーツと出会う。境界が非常に短く、45度の端が実際に内側の端に触れた場合は、三角形を使用します。

および実施例は、上部フレーム境界であろう：

エッジが三角形を形成し、満たすように50％の幅で減少

--------- 
\_______/

を低減

---------------- 
\______________/

：

-- 
\/

これが目に見える唯一のフレーム境界であれば、三角形を見る効果があります。

Answer 2

これは私が思い付くことができる最高です：あなたはあなたの三角形の周りに境界線をしたいかのように、今、それが聞こえるように私は「国境を使って三角形を作成」を、あなたのタイトルは最高書かれるだろうと思う http://jsfiddle.net/kuG6X/