coincoins

Titre

Liste (partielle) des directives css

Tri alphabétique

Balise Nom Valeurs Description exemple
text-alignAlignement du textecenter, justify, left, rightAlignement du texte text-align:center;
text-decorationDécoration du texteunderline, overline, both, blink, noneSouligné, sur-ligné, les deux, clignotant, aucune décotext-decoration:none;
displayafficher/cacherblock, inline, noneen ligne = inline, en colonne = block, masquer = nonedisplay:block;
borderbordureRaccourci multipleBordure : épaisseur, type (solid, dotted) et couleur. Raccourci pour -top, -bottom, -right ou -left + -width, -color, -styleborder:1px solid black; border-left:5px dotted #ff0000;
border-radiuscoins arrondisen px et code/nom de couleurArrondi haut-gauche, haut droite, bas-droite et bas-gauche.border-radius:0 0 5px 5px;
colorcouleur de texteun nom ou un code couleurdéfinition de la couleur du textecolor:#ff2fd5; ou color:dark-gold;
rightdistance de la droiteen %, en pxDistance depuis le bord droitbottom:0px;
leftdistance de la gaucheen %, en pxDistance depuis le bord gauchebottom:0px;
bottomdistance du basen %, en pxDistance depuis le basbottom:0px;
topdistance du hauten %, en pxDistance depuis le hautbottom:0px;
border-spacingespacement des cellulesen %, en px ou em (caractères)Espacement des cellulesborder-spacing:0;
paddingespacement intérieuren pxMarge intérieure avec le texte. Raccourci pour -top, -right, -bottom, -leftpadding-bottom:14px;
border-collapsefusion des bordures des cellulescollapse ou separateLes cellules sont collées ou séparéesborder-collapse:collapse;
marginmarge extérieureen %, en px ou em (caractères); auto=>centré.Marge extérieure à l'espace. Raccourci pour top, right, bottom, left.margin:1px; ou margin-bottom:14px;
box-shadowombrageen pxDécalage horizontal, vertical, diffusion, couleurbox-shadow:5px 5px 5px black;
positionpositionrelative, absoluteposition relative ou absolueposition:relative;
floatposition flottanteleft, rightEspace superposé au restefloat:left;
list-stylestyle de listeraccourci pour -type, image, ..Style de liste (puce, numéro, rien, ... Raccourci) -type:decimal, upper-roman, lower-latin, disc, circle, square ou none; -image: url(image.png);list-style:none;
backgroundfondraccourci pour color, image, repeat, attachement, positionDéfinition de l'aspect du fond, raccourcibackground:black;
background-colorcouleur de fondune couleur ou un codeDéfinition de la couleur du fondbackground:black;
background-imageimage de fondurl('une image')Insertion d'une image de fondbackground:url('images/fond.jpg');
heighthauteuren px, %, emHauteurheight:100%;
min-heighthauteur minien px, %, emHauteur mini autoriséemin-height:100%;
max-heighthauteur maxien px, %, emHauteur maxi autoriséemax-height:100%;
widthlargeur en px, %, emLargeur de l'espacewidth:80%;
min-widthlargeur minien px, %, emLargeur mini autoriséemin-width:900px;
max-widthlargeur maxien px, %, emLargeur maxi autoriséemax-width:900px;
fontpropriétés de la policeRaccourciDéfinition de la police de caractères. Raccourci pour family, style, weight, size et variantfont:tahoma, arial, bold italic 8px;
font-familyfamille de policenoms de polices ou de famillesliste de polices, la 1ère valide pour le navigateur est utiliséefont-family:tahoma, arial, sans-serif;
font-weight"poids" de la policebold=gras, normal, ... font-weight:bold;
font-stylestyle de la policeitalic, normal, ... font-style:italic;
font-sizetaille de la policeen px, % font-size:8px;