Saltar para o conteúdo

Predefinição:Imagem float-p/doc

Wikisource, a biblioteca livre

Uso

[editar]

Permite posicionar uma imagem e definir seus contornos "por meio" das coordenadas de um polígono; o texto que se segue é então distribuído em torno do limite externo do polígono.

Para que a utilização dessa predefinição fique mais fácil, e mais intuitiva, utilize o seguinte website para visualizar os polígonos: https://bennettfeely.com/clippy/

Sintaxe

[editar]
  • file : nome do ficheiro (sem o prefixo file:/ficheiro:)
  • width : largura da imagem em unidades CSS (px, %, em...)
  • align=(left|center|right) : alinhamento horizontal da imagem
  • padding
    • padt : espaçamento superior (top) em unidades CSS (px, %, em...)
    • padr : espaçamento direito (right) em unidades CSS (px, %, em...)
    • padb : espaçamento inferior (bottom) em unidades CSS (px, %, em...)
    • padl : espaçamento esquerdo (left) em unidades CSS (px, %, em...)
  • polygon(point A, point B, point C...) : define o contorno dos polígonos.
    Cada ponto é indicado por duas coordenadas numéricas, cada uma em unidades CSS. (px, %, em...).
    O navegador da Web conecta automaticamente o primeiro e o último pontos do polígono.
  • above : texto acima da imagem.
  • cap : legenda da imagem (caption)

Parâmetros

[editar]

Permite posicionar uma imagem e definir seus contornos usando as coordenadas de um polígono; os elementos fluidos seguem o limite externo do polígono.

Parâmetros da predefinição

ParâmetroDescriçãoTipoEstado
Filefile

Nome do arquivo/ficheiro sem o prefixo File:

Ficheiroobrigatório
Largurawidth

Largura da imagem em unidades CSS (px, %, em...)

Padrão
150px
Exemplo
450px
Stringopcional
Alinhamentoalign

Alinhamento horizontal da imagem

Padrão
left
Exemplo
center
Stringopcional
Espaço (acima)padt

Espaçamento superior (top) em unidades CSS (px, %, em...)

Exemplo
15px
Stringopcional
Espaço (direita)padr

Espaçamento direito (right) em unidades CSS (px, %, em...)

Exemplo
15px
Stringopcional
Espaço (abaixo)padb

Espaçamento inferior (bottom) em unidades CSS (px, %, em...)

Exemplo
15px
Stringopcional
Espaço (esquerda)padl

Espaçamento esquerdo (left) em unidades CSS (px, %, em...)

Exemplo
15px
Stringopcional
Acimaabove

Texto acima da imagem

Exemplo
Stringopcional
Legendacap

Legenda da imagem

Exemplo
Stringopcional
Contornopolygon

Cada ponto é indicado por duas coordenadas numéricas, cada uma em unidades CSS (px, %, em...)

Exemplo
0% 0%, 85% 0%, 85% 20%, 100% 20%, 100% 100%, 0% 100%
Stringopcional
Título1

Título da imagem exibido como dica de ferramenta

Exemplo
Foto de uma mãe segurando seu filho
Stringopcional

Exemplo

[editar]

Esta predefinição é utilizada nesta página: Página:Jornal das Famílias 1878 n01.djvu/17