S.O.S. Tips


978:

 Print this Page ——> Print this Page!

Tip 12.
Imprimir uma página

CSS possibilita controlar a impressão de uma página escrita em HTML, especificando-se quais as regras a aplicar na comunicação com a impressora: media = print

As instruções de impressão introduzem-se na própria página das formas seguintes:

<link type="text/css" rel="stylesheet" href="PrintStyle.css" media="print">

<style type="text/css" media="print">...</style>

@import url(PrintStyle.css) print;

@media print {body {margin: 3cm 1cm 3cm 2cm;} }

Na última linha exemplifica-se como definir as margens da página para a impressão, mantendo as que se encontrarem definidas para a sua visualização no monitor.

Podemos definir tipos e tamanhos de texto específicos para a impressão e retirar da página impressa o que for irrelevante no papel, menus de navegação, sublinhados de hyperlinks, etc.

— Exemplo:

<style type="text/css">
    body {margin:0px 0px 0px 0px;}
  @media print {
    body {margin: 3cm 1cm 3cm 2cm;}
    .boxmenu {display: none;} 
  }
  @media screen {
    .top {border-left-width: 8.5em;}
  }
</style>

Podem também retirar-se do papel os items que se selecionarem:

...
@media print {
...
.noprint {display: none;}
}
</style>
</head>
<body>
...
<p class="noprint">Para mais informações...
</p>

Quebras de página

Para que em determinado ponto, a impressão se inicie numa nova folha, insere-se uma quebra de página, page-break.

— Exemplo:

<h3 style="page-break-before:always">Quebras de página</h3>

Pode-se também estabelecer como regra, que todos os sub-capítulos, por exemplo <h3>, tenham início numa nova folha.

— Exemplo:

h3 {font-size: 12pt; page-break-before:always;}

Foi desta forma que dei a instrução de inserção de uma quebra de página, para imprimir este capítulo numa nova folha.

Para mais informações...   or... Print this Page ——> Print this Page! or... w3.org

978:
E-mailAeroPlanos@mail.telepac.pt