javascript - borderプロパティを使用せずに要素の境界線を表示する

Question

ボーダープロパティを使用せずに、要素のボーダータイプの外観を表示したいと思います。これは可能ですか？

Answer 1

CSS3には、使用できる2つのオプションがあります。outlineとbox-shadow。

または、古いブラウザのサポートが必要な場合は、背景divを使用して境界線を作成します。

Answer 2

別のオプションは

<div style="background-color: black; padding: 2px">
    <div style="background-color: white">
         hello!! 
    </div>
</div>

Fiddlerデモ

Answer 3

you could use :before pseudoelement with a specified width/height and a background-color applied (of course pseudoelements are not appliable for self-closing elements, like img, input, hr, ...)

Answer 4

outlineの代わりに使用してborderください。これには、追加の利点もあります。divの高さ/幅は、アウトラインからポイントを追加しません。これは、で追加されborderます。