Comando CSS para ser aplicado na impressão

by Rafael Amorim 6. novembro 2008 10:52

 

Com as das folhas do estilo é possível indicar nas páginas HTML pontos de quebra, para que no processo de impressão a mudança de página aconteça num ponto especifico.
(esta especificação das CSS2 apenas é suportada pelo Internet Explorer 4.0 ou superior)

Quebra de Página:

Existem dois comandos a ter em consideração:

  • page-break after
  • page-break-before

O próprio nome dos comados é bastante elucidativo das suas funções. O primeiro faz com que a quebra de página ocorra depois do elemento e o segundo antes do elemento.

Cada comando tem quatro atributos:

Always: indica ao browser que deve proceder á quebra da página sempre no ponto indicado.
Auto: é o atributo de defeito. Indica ao browser que proceda da forma usual (introduz a quebra de página sempre que esta chega ao fim).
Left: esta quebra de página não é suportada por nenhum browser. É usada se a impressora imprimir de ambos os lados de uma página, como um manuscrito. Se o que se pretende imprimir é para ficar do lado esquerdo da página, então seria este o atributo a utilizar.
Right: para uma situação semelhante á anterior, com a diferença de imprimir do lado direito da página.

O Formato:

Um exemplo da aplicação deste tipo de estilo seria:

<STYLE TYPE="text/css">
    H2 {page-break-before: always}
</STYLE>

Esse comando produzirá uma quebra de página da cópia antes de cada H2. Não esquecer que é necessário usar o IE4 (no mínimo) para poder usufruir desta funcionalidade.

Definição de uma quebra de página especifica:

Para uma maior controlo sobre este processo a melhor prática será a criação de classes de quebra de página. Estas classes podem ser criadas para qualquer TAG de HTML, no entanto o mais aconselhado será a criação destas classes para as TAGs <P> ou <br>, assim haverá sempre um espaço em branco entre cada quebra de página. Por exemplo:

<STYLE TYPE="text/css">
    P.QuebraAqui {page-break-before: always}
</STYLE>

No código da página, para activar esta classe bastará:

<P CLASS="QuebraAqui">

 

Fonte: http://paginas.fe.up.pt/~goii2000/M8/impressao.htm

Tags: , ,

Geral | CSS

Comentários (11) -

payday loans
10/8/2009 11:48:45 #

k_conrod@yahoo.com

cash loans
12/8/2009 01:48:12 #

You are a very smart person!

easy loans
20/9/2009 19:16:01 #

You are a very smart person!

bad credit loans
28/9/2009 01:06:28 #

Interesting article. Were did you got all the information from... Smile

bad credit loans
28/9/2009 01:16:04 #

It sounds like you're creating problems yourself by trying to solve this issue instead of looking at why their is a problem in the first place.

easy personal loans
18/12/2009 14:26:18 #

You made some good points there. I searched this topic and found out that most people will agree with your blog.

cash loans
19/12/2009 01:24:15 #

Super-Duper site! I am loving it!! Will come back again - taking you feeds also, Thanks.

fast loans
5/1/2010 13:54:15 #

That is some inspirational stuff. Never knew that opinions could be this varied. Thanks for all the enthusiasm to offer such helpful information here.

cash loans
5/1/2010 14:14:28 #

I don’t usually reply to posts but I will in this case. WoW Smile

quick loans
10/2/2010 00:56:41 #

Hey very nice blog!! Man .. Beautiful .. Amazing .. I will bookmark your blog and take the feeds also...

teeth whitening products
17/2/2010 13:57:17 #

Hey, i've been reading this blog for a while and have a question, maybe you can help... it's how do i add your feed to my rss reader as i want to follow you. Thanks.

Os comentários estão fechados

Month List