Conheça também: Onmasters . Ofertas . Divulgue! . Vai.la . Geraboleto . Baixa.la . Assista.la . Joga.la
» Início » Desenvolvimento » CSS e Tableless » Propriedades para impressão de documentos -->
 
Avaliação: | Publicado em: 07/12/2006
Propriedades para impressão de documentos
Maurivan Luiz Padilha é amante assíduo dos padrões web, publicidade, propaganda, e marketing. Mantém um blog pessoal (www.maurivan.com) que trata de desenvolvimento web, marketing, tecnologia e também design de interface, e também é da equipe de coordenação de um projeto voltado a publicidade e propaganda iZIP - Mídia Colorida (www.izip.com.br). Teve passagem também por duas agências de internet. Numero Uno (www.numerouno.com.br) e BLZ (www.blz.com.br), atualmente vive (e curte muito) a vida como freelancer.


Aloha pessoal!...
Para compensar o tempo que eu estive “sumido” sem dar noticias, resolvi separar para vocês um artigo, no qual trata de propriedades para impressão de documentos. Espero que gostem.
Hoje em dia, o pessoal está procurando muito a impressão satisfatória de documentos geralmente escritos em HTML tem sido considerado sempre um problema complicado.

O fato de uma simples página HTML pode ter comprimento e largura arbitrários, entrando em conflito com os tamanhos fixos de uma folha de papel.

Muitas vezes é bastante complicado fazer com que a largura de uma página WEB caiba no limite de uma folha de papel e conseguir realizar mudanças em uma página, para que não quebrem os elementos que devem ficar inteiros.

O padrão estipulado CSS2 tenta dar uma ajuda para atenuar, ou resolver este problema através da definição de propriedades especificas para a impressão de documentos em papel.

Abaixo, separei para vocês algumas das propriedades mais utilizadas para este meio, e suas respectivas descrições:

orphans - Define o número mínimo de linhas de um parágrafo que podem ficar sozinhas no fim de uma página.

page-break-after - Define a forma como se fazem as mudanças de página depois de um elemento.

page-break-before - Define a forma como se fazem as mudanças de página antes de um elemento.

page-break-inside - Define a forma como se fazem as mudanças de página dentro de um elemento.

widows - Define o número mínimo de linhas de um parágrafo que podem ficar sozinhas no topo de uma página.

As definições estão boas, mas como faço pra aplicar isto em minha página?
a idéia é boa, mas tá confuso... como aplicar isso na página?
Para usar isso, você deverá criar uma folha de estilo com o tipo de mídia (media) como print. Desse jeito;

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

Desse modo você irá ter a folha de estilo especificamente para a impressão.
Agora que eu vi que eu errei...

você precisa colocar

<link rel="stylesheet" href="estilo_print.css" media="print" />

fiz confusão com o estilo da página. desculpe!