Índice

Utilizar reglas de división de palabras

La propiedad hyphens, que gestiona la división de los textos, se define en el módulo CSS Text Module 3 en estado Last Call Working Draft a 10 de octubre de 2013. He aquí la URL: http://www.w3.org/TR/css-text-3/

La propiedad CSS hyphens indica al navegador el método que debe utilizarse para realizar la división de las palabras con objeto de mejorar la distribución del texto.

hyphens

none;

manual;

auto;

Comentarios

  • none: las palabras no se cortan, incluso si un carácter en el texto sugiere posibles puntos de corte.

  • manual: las palabras se cortan solo a nivel de los caracteres que sugieren la posibilidad de un corte.

  • auto: el navegador es libre de realizar los cortes en los sitios que considere apropiados, siguiendo la regla que haya escogido. Esta regla puede variar de un navegador a otro.

De momento, solo reconocen esta propiedad Internet Explorer 11 y Edge 13 con el prefijo -ms-, Firefox 46, Safari 9.1 e iOS Safari 9.3+ con el prefijo -webkit-. Aunque parezca raro, ni Google Chrome ni Android Browser ni Opera la reconocen.

Ejemplo

images/CAP21IMG29.png

El código

<!doctype html>   
<html>   
<head>   
<title>Html5</title>    
<meta charset="utf-8">   
<style type="text/css">    
.bloc { width: 255px;    
        text-align: justify;   
        -webkit-hyphens: auto;    ...