« Le langage CSS/Texte » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Colonnes
Ligne 402 :
<h5> Titre avec un texte très long qui va sans doute déborder sur la ligne suivante et causer un affichage disgracieux sur la plupart des écrans</h5>
{{Fin}}
 
== Colonnes ==
 
La propriété <code>column-count</code> permet de définir le nombre de colonnes d'un bloc de texte. Par exemple (CSS intégré dans du HTML) :
 
<source lang="html">
<ul style="column-count: 4">
<li> Premier élément ;</li>
<li> deuxième élément ;</li>
<li> troisième élément ;</li>
</ul>
</source>
Les propriétés suivantes définissent la mise en forme des colonnes :
* <code>column-gap</code> : espacement entre les colonnes (distance) ;
* <code>column-rule</code> : paramètres du filet, par exemple <code>column-rule: 1px solid lightblue;</code> ; ces paramètres peuvent être indiqués séparément :
** <code>column-rule-style</code> : type de filet pouvant prendre les valeurs <code>solid</code>, <code>dotted</code>,<code>dashed</code> ou <code>none</code>,
** <code>column-rule-width</code> : épaisseur du filet,
** <code>column-rule-color</code> : couleur ;
* <code>column-span</code> : si un élément s'étend sur plusieurs colonnes en largeur, indique le nombre de colonnes (ou bien <code>all</code>) ;
* <code>column-width</code> : largeur des colonnes (distance).