Balise <DIV> et <SPAN>

      Les balises <DIV> et <SPAN> vous permettent de grouper différents éléments pour les positionner ou leur appliquer d'autres styles. Tout les éléments apparaissant entre les balises <DIV> </DIV> sont traité comme un groupe individuel. La balise de division <DIV> diffère de la balise <SPAN> par le fait qu'elle peut contenir d'autres balises. Elle peut contenir des balises d'en-têtes <H1> de paragraphe <p>, de liste <li>, de tableaux ainsi que d'autres balises de division.

<div style="background-color:yellow; color:blue; font-family:arial; font-size:18pt"> <p>Quelques paragraphes</p> <h1>En-tête</h1> </div>       Tous les éléments se trouvant à l'intérieur de la balise <DIV> sont mis en forme en fonction des attributs de style définis également à l'intérieur de la balise.

      La balise <SPAN> ne s'utilse pour ca part qu'avec du texte. Elle ne peut donc contenir d'Autre balises. Elle se trouve toujours à l'intérieur d'autre balise pour assurer la mise en forme d'une partie du contenu.

<SPAN Style="Color:blue; font-size=10pt; font-family:arial"> cliquez sur une question pour faire afficher ou masquer la réponse </span>
Cliquer ici pour voir un exemple.

Cliquer ici pour savoir comment construire.

      Il y a beaucoup de ressemblance dans la syntaxe entre les attributs d'une feuille de style. Ces attributs ont été convertis en propriétés pouvant servir au objet Style afin de modifier dynamiquement une page à partir d'un script. Par contre il fait appelle à d'autre propriété dont la syntaxe est différente.

     Dans une large mesure, la différence de syntaxe se limite à supprimer un tiret. Par Exemple : Couleur d'arrière plan de la feuille de style en cascade est background-color, alors que la propriété équivalente de l'objet Style est backgroundcolor. Cette différence demeure la même pour le reste des propriétés.

Voici la liste de ses propriétés
background backgroundColor backgroundImage backgroundRepeat backgroundAttachment backgroundPosition backgroundPositionX backgroundPositionY clear clip color cssText cursor display filter font fontsize fontStyle fontVariant fontWeight fontFamily pixelHeight pixelwidth pixelLeft Posiotion posWidth styleFloat	Top verticalAlign visibility width zIndex textAlign textDecoration textDecorationBlink textDecorationUnderline textDecorationOverline textDecorationLineThrough textIndent textTransform height left letterSpacing lineHeight ListStyleType listStyleImage listStylePosition margin marginLeft marginRight marginTop marginBottom	borderborder borderBottom borderTop borderRight borderLeft borderStyle borderTopColor BorderRightColor borderBottomColor borderLeftColor borderTopWidth borderRightWidth borderLeftwidth borderborderBottomWidth borderBottomStyle borderTopStyle borderRightStyle borderLeftStyle overflow paddingTop paddingRight paddingBottom paddingLeft pageBreakBefore pageBreakAfter

[ TOP ]