[仕事]CSSだけで1本の斜線を描画する方法をアップデート(斜線の角度を自動調整可能に)CSS3で線形グラデーションを描画するlinear-gradientを活用すると、1本の線を引くこともできます。linear-gradientには値に角度を指定できるので、それを活用すれば、1本の斜線をCSSだけで引けることになります。CSSには未だに「斜線を引く」という直接的な機能は用意されていませんが、このlinear-gradientを活用する方法が代わりになります。古いブラウザでは「単に無視される」だけなので、悪影響がありません。気軽に仕える便利な方法でもあります。Aboutで公開していました。公開当初は、「45度(45deg)」や「-45度(-45deg)」のように、引きたい斜線の角度を数値で指定する方法だけを解説していました。この方法だと、対象の要素が正方形であれば上手く描画できますが、長方形だと自力で角度を計算して指定する必要があります。それは仕方が無いかな......と思っていたんですが、もっと柔軟で便利な、角度が自動調整される斜線を引く方法が存在することに気がつきました。right」のように描画方向をキーワードで指定すれば良いのでした。すれば、直接角度を計算しなくても、「ボックスの左下から右上に向かって描画できるような角度が自動計算されて描画されます。追記した方法なら、引きたい斜線の角度を自分で計算する必要はありません。対象の要素の大きさに合わせて、自動的に角度を調整してくれます。