Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété column-span

Description de la propriété column-span.

column-span définit si un élément s'étend sur plusieurs colonnes. column-span s'applique aux balises de type block. On ne peut donc pas l'appliquer directement à une image, mais il est facile d'insérer cette image dans un paragraphe ou un autre élément bloc.

Syntaxes pour column-span.

  • column-span: none;

    Valeur par défaut. L'élément reste sur la largeur d'une seule colonne.

  • column-span: all;

    L'élément s'élargit jusqu'à couvrir la largeur de toutes les colonnes.

  • column-span: initial;

    La valeur initiale est none.

  • column-span: unset; column-span: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

Le simulateur ci-dessous appliquer la propriété column-span (avec la valeur choisie) aux deux titres en gras, et au paragraphe contenant l'image.

column-span :

Les origines des styles CSS : le projet de Håkon Wium Lie.

La première proposition de Cascading Style Sheets formulée par Håkon Wium Lie retient l'attention de Dave Raggett, qui est alors le principal éditeur du projet de spécification HTML 3.0. Partisan d'un HTML purement structurel, il encourage la publication d'un document de travail CHSS, afin que celui-ci puisse être présenté à la seconde conférence internationale sur le 3W (Mosaic and the Web, Chicago, 1994). Afin de tester ce langage et d'en faire la démonstration à l'occasion de la troisième conférence 3W en 1995, il modifie également avec Håkon Lie le navigateur Arenan./

Les origines des styles CSS : le projet de Bert Bos.

Parallèlement, Bert Bos, qui travaillait alors sur le navigateur Argo9, et qui avait soumis au W3C son propre projet « Stream-based Style Sheet Proposal » (SSP), décide de joindre ses efforts à ceux d'Håkon Lie. SSP ayant été développé avec l'idée d'être applicable à d'autres langages de balisage que HTML, Bert Bos et Håkon Lie reprennent cet objectif, et en font une des caractéristiques clés de ce qui devient alors CSS proprement dit.

Exemple pour la propriété columns-span

L'un des objectifs majeurs des CSS est de séparer la mise en forme et le document. Il est par exemple possible de ne décrire que la structure d'un document en HTML, et de décrire toute la mise en forme et la mise en page dans une feuille de style CSS séparée. Les styles sont appliqués par le navigateur web de l'internaute.

Texte en provenance de Whikipedia.

Voir aussi...

Colonnes multiples - Propriétés.

  • break-after : Interdit ou impose des sauts (page, colonne...) après l'élément.
  • break-before : Interdit ou impose des sauts (page, colonne...) avant l'élément.
  • break-inside : Définit si les sauts de colonne, de page, etc. sont permis dans l'élément.
  • column-count : Définit le nombre de colonnes, dans une mise en page sur plusieurs colonnes.
  • column-fill : Gère la répartition du contenu entre les colonnes.
  • column-gap : Définit l'espacement entre les colonnes.
  • column-rule : Définit tous les paramètres du trait de séparation entre les colonnes.
  • column-rule-color : Définit la couleur des lignes de séparation de colonnes.
  • column-rule-style : Choisit le type de trait pour la séparation des colonnes.
  • column-rule-width : Définit l'épaisseur du trait de séparation entre les colonnes.
  • column-width : Définit la largeur des colonnes.
  • columns : Définit les caractéristiques d'une mise en page sur plusieurs colonnes.
  • orphans : Gestion des coupures en bas de page.
  • widows : Gestion des ruptures en haut de page.