hanging-punctuation

the hanging-punctuation property aims to giving web designers a finer granineed control over typography on the web.

a ideia por trás da pontuação suspensa é colocar alguns caracteres de pontuação do início (ou para uma extensão menor no final) dos elementos de texto “fora” da caixa, a fim de preservar o fluxo de leitura.

basicamente, moveria ligeiramente essa citação, bala ou o que quer que seja para a esquerda (ou para a direita no modo rtl) de modo que a primeira letra esteja devidamente alinhada com o resto do documento.

por Favor note que esta propriedade é opcional para os fabricantes de browsers pode ou não pode suportar.

sintaxe

hanging-punctuation: none | || last ]blockquote p { hanging-punctuation: first;}

none

nenhuma personagem é enforcada. Este é o valor padrão para esta propriedade.

first

um personagem disponível no início da primeira linha formatada de um elemento paira.

last

um personagem disponível no final da última linha formatada de um elemento paira.

force-end

uma paragem ou vírgula no fim de uma linha paira.

a pontuação é forçada a pendurar e não é considerada ao medir a linha para a justificação.

allow-end

uma paragem ou vírgula no final de uma linha paira se não se encaixar antes da justificação.

a pontuação no final da primeira linha para não se enforca porque cabe sem enforcamento. Na segunda linha, no entanto, não há espaço suficiente para que ele se enforque.

caracteres Disponíveis

Note que os agentes do usuário tem permissão para adicionar qualquer personagem para esta lista. Citando a especificação:

o UA pode incluir outros caracteres, conforme adequado.

Propriedades Relacionadas

• text-indent
• text-align

Outros Recursos

• hanging-punctuation na especificação
• hanging-punctuation com CSS por Steve Hickey

Suporte do Navegador

digno de Uma reversão para o navegador sem suporte seria a utilização de um negativo de texto travessão, assim como:

blockquote p { text-indent: -0.5em; /* Change according to your font */}

Para listas de bala, você pode querer certificar-se da posição de marcadores está definido para outside e que o contentor de estouro não está definido para hidden.