要素に枠線を引く方法はいくつかありますが、今回は異なるプロパティでどれだけ枠線を引けるか挑戦してみました。 疑似要素はなし。 html <div class="box"></div> css .box { width: 250px; height: 250px; background-color: #f0f0f0; border: solid #ddd 4px; outline: solid #aaa 4px; background-image: linear-gradient(#999, #999 8px,transparent 8px), linear-gradient(-90deg,#999, #999 8px,transparent 8px), linear-gradient(90deg,#999, #999 8px,transparent 8px), linear-gradien
![一つの要素にCSSだけでどれだけ枠線を引けるかチャレンジ | SHIROMAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/c22b80fe0a46f2d4dbcb0c2eb5129ca5458fa834/height=288;version=1;width=512/https%3A%2F%2Fwww.notitle-weblog.com%2Fwp%2Fwp-content%2Fuploads%2F2017%2F03%2Fcss.jpg)