Lucky bag::blog: 印刷用 CSS で背景画像を印刷させるサンプル

Sample!

この文書は、Lucky bag::blog の 「印刷用 CSS で背景画像を印刷させる方法」のサンプルです。印刷用 CSS を用意し、その中で h1#head に対して下記の指定をすることで、背景画像も印刷時に出力されるようにしています。

h1#head {
  color: #fff;
  display: list-item;
  list-style-image: url(head_bg.png);
  list-style-position: inside;
  letter-spacing: -1000em;
  font-size: 1pt;
}

印刷プレビューで確認すると、指定している背景画像が表示されている。