コードと変更 / 変更内容
Diff
追加・削除・変更を、色と明示的な記号の両方で示します。
基本的な使い方
- public function build(): string + public function build(): Statement ~ @throws QueryException
HTML
<pre class="code diff"><span class="dl diff-line-del">- public function build(): string</span>
<span class="dl diff-line-add">+ public function build(): Statement</span>
<span class="dl diff-line-mod">~ @throws QueryException</span></pre>クラスと属性
| クラス / 属性 | 用途 |
|---|---|
.diff / .dl | 差分全体と個々の行。 |
.diff-line-add / .diff-line-del / .diff-line-mod | 追加・削除・変更された行。 |
.diff-run-add / .diff-run-del / .diff-run-mod | 行内で変更された範囲。 |
.is-added / .is-removed / .is-modified | 一覧のセルに付ける変更の印。 |
使い方の注意
HTMLにも+・−・~を書きます。コピーや印刷後も変更の意味が残ります。
作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。