Accueil  > [Contrôle Bordure Marge + Unités Valeurs]

CHAPITRE X
Le thé chez les fous

Voici le thé chez les fous. Vous voyez qu'Alice a quitté le Chat du Cheshire, et qu'elle est allée chez le Lièvre de Mars et le Chapelier, comme le Chat le lui avait recommandé : elle les a trouvés en train de prendre le thé sous un grand arbre, un Loir assis entre eux. Ils étaient tous les trois seuls à table, mais tout du long de celle-ci, quantité de tasses à thé étaient disposées. Vous ne pouvez apercevoir toute la table, mais rien que dans le bout que vous voyez, il y a neuf tasses, en comptant celle que le Lièvre de Mars a en main.

Ce Lièvre de Mars a de longues oreilles, et des brins de paille sont mêlés à ses cheveux. Les brins de paille sont la preuve - je ne sais pourquoi - qu'il est fou. Ne mettez jamais des brins de paille dans vos cheveux, les gens pourraient vous croire folle ! Il y avait, au bout de la table, un joli fauteuil vert, qui avait l'air d'avoir été mis là pour Alice : elle alla donc s'y asseoir.

Empêcher le texte d'habiller un élément :

• img {float: right;} .nowrap {clear: right;}

Pour définir les marges :

• Une valeur définit les marges de 4 côtés
• Deux valeurs définissent les marges haut/bas et gauche/droite
• 3 valeurs : marge haut, marge gauche et droite (valeurs identiques) et la marge du bas
• 4 valeurs : chaque marge est définie individuellement : haut, droit, bas et gauche (sens des aiguilles d'une montre)
  
  
• Pour définir une seule marge latérale, (gauche ou droite) il faut spécifier margin-right (ou left, bottom, left, top) une valeur correcte

Bordure :

• thin, medium ou thick

Quelques précisions sur les valeurs de la CSS

• em : largeur de la lettre M pour la police (exemple 3 em)
• ex : x-height - Hauteur de la lettre x en bas de casse pour la police
• px : pixel - Dépend de la résolution de l'écran - ex : 125 px
• pt : point - Généralement utilisé pour décrire la taille des polices
• pc : pica - Généralement pour décrire la taille d'une police (1 pica équivaut environ à 12 points)
• in : inches (pouces) - 1 pouce = 2.54 cm
• Types de valeurs : <number> <lenght> <color><URL>

La boîte d'un élément se compose :

• d'une marge (margin) : l'espace qui sépare la bordure de l'élément des autres éléments de la fenêtre
• d'une bordure (border) : une ligne qui entoure l'élément
• d'un remplissage (padding) sur les quatre côtés entourant l'élément central - padding est l'espace situé entre la bordure et le contenu de l'élément.

La largeur (width) et la hauteur (height) d'un élément peut être défini par l'auteur ou laissée à l'appréciation du navigateur. L'origine de la boîte se trouve toujours au niveau de son angle supérieur gauche.

Au centre de la boîte se trouve le contenu. Toutes les autres propriétés CSS (police, texte, couleur, arrière-plan, listes) s'appliquent à cette zone. Le contenu se compose de :

• textes
• listes
• formulaires
• images