Como fazer o HTML imprimir na largura do papel

Escrito por brandy alexander | Traduzido por alexandre lima
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer o HTML imprimir na largura do papel
Tire vantagem das mídias de impressão (paper feed image by Glenn Jenkinson from Fotolia.com)

Ao imprimir seus documentos em HTML (Linguagem de Marcação de Hipertexto, em português), o conteúdo nem sempre ocupa toda a extensão do papel. Felizmente, o CSS (Folhas de Estilo, em português) fornece uma solução para esse problema, pois você pode criar um documento de regras de estilo e selecioná-las através da configuração do tipo de mídia. A mídia trabalha em conjunto com o HTML, mas não interfere no visual da sua página. Você pode usar um programa de edição de texto para fazer a escrita em HTML na largura do papel.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

O que você precisa?

  • Editor de texto
  • Computador com acesso à Internet

Lista completaMinimizar

Instruções

  1. 1

    Abra o editor de texto e crie um novo documento.

  2. 2

    Digite uma regra de estilo para o elemento "body" e configure as propriedades "width" para "100%", "margin" para "0" e "float" para "none". O estilo e as propriedades funcionam juntas para assegurar que a impressão levará em conta toda a extensão do papel. Por exemplo: body { width: 100%; margin: 0; float: none; }

  3. 3

    Nomeie seu arquivo e salve-o com a extensão ".css". Disponibilize o documento no seu servidor web na mesma pasta que contém os outros arquivos do site e anote sua localização.

  4. 4

    Abra sua página web e coloque o cursor entre as tags "<head></head>" no início do seu código HTML.

  5. 5

    Digite o código que associa sua folha de estilos CSS ao seu documento HTML: <link rel="stylesheet" href="http://www.seudominio.com/arquivo.css" type="text/css" media="print" />

    A propriedade "media=print" especifica que esse estilo só será usado quando o visitante imprimir sua página.

  6. 6

    Salve o documento e o acesse através de um navegador web para poder testar os resultados.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível