MediaWiki:Common.css
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。
/* テーブルセルに斜線を引くためのクラス */
.diagonal-line-tl-br,
.diagonal-line-tr-bl {
position: relative; /* 疑似要素を使う場合に備えて */
background-repeat: no-repeat;
/* セルの内容を消さないように注意 */
}
/* 左上から右下への斜線 (\) */
.diagonal-line-tl-br {
background: linear-gradient(to bottom right,
transparent calc(50% - 0.5px), /* 線の太さの半分より少し手前まで透明 */
#888 calc(50% - 0.5px), /* 線の開始 (色と太さ) */
#888 50%, /* 線の中心 */
transparent 50% /* 中心の直後から透明 */
);
}
/* 右上から左下への斜線 (/) - 今回は画像では未使用だが念のため */
/* 必要であればコメントアウトを外して使う */
/*
.diagonal-line-tr-bl {
background: linear-gradient(to bottom left,
transparent calc(50% - 0.5px),
#888 calc(50% - 0.5px),
#888 50%,
transparent 50%
);
}
*/
/* セル内容と線が重なるのを避けるための調整(必要に応じて) */
/* .diagonal-line-tl-br > *,
.diagonal-line-tr-bl > * {
position: relative;
z-index: 1;
} */