https://studio.cloudfree.jp/mediawiki/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-05-10T17:08:00Z このウィキのこのページに関する変更履歴 MediaWiki 1.43.0 https://studio.cloudfree.jp/mediawiki/index.php?title=MediaWiki:Common.css&diff=318&oldid=prev 2025-04-22T12:51:25Z

<p>ページの作成:「<span class="autocomment">テーブルセルに斜線を引くためのクラス: </span> .diagonal-line-tl-br, .diagonal-line-tr-bl { position: relative; <span class="autocomment">疑似要素を使う場合に備えて: </span> background-repeat: no-repeat; <span class="autocomment">セルの内容を消さないように注意: </span> } <span class="autocomment">左上から右下への斜線 (\): </span> .diagonal-line-tl-br { background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), <span class="autocomment">線の太さの半分より少し手前まで透明: </span>…」</p> <p><b>新規ページ</b></p><div>/* テーブルセルに斜線を引くためのクラス */<br /> .diagonal-line-tl-br,<br /> .diagonal-line-tr-bl {<br /> position: relative; /* 疑似要素を使う場合に備えて */<br /> background-repeat: no-repeat;<br /> /* セルの内容を消さないように注意 */<br /> }<br /> <br /> /* 左上から右下への斜線 (\) */<br /> .diagonal-line-tl-br {<br /> background: linear-gradient(to bottom right,<br /> transparent calc(50% - 0.5px), /* 線の太さの半分より少し手前まで透明 */<br /> #888 calc(50% - 0.5px), /* 線の開始 (色と太さ) */<br /> #888 50%, /* 線の中心 */<br /> transparent 50% /* 中心の直後から透明 */<br /> );<br /> }<br /> <br /> /* 右上から左下への斜線 (/) - 今回は画像では未使用だが念のため */<br /> /* 必要であればコメントアウトを外して使う */<br /> /*<br /> .diagonal-line-tr-bl {<br /> background: linear-gradient(to bottom left,<br /> transparent calc(50% - 0.5px),<br /> #888 calc(50% - 0.5px),<br /> #888 50%,<br /> transparent 50%<br /> );<br /> }<br /> */<br /> <br /> /* セル内容と線が重なるのを避けるための調整（必要に応じて） */<br /> /* .diagonal-line-tl-br &gt; *,<br /> .diagonal-line-tr-bl &gt; * {<br /> position: relative;<br /> z-index: 1;<br /> } */</div>

Root