CSS Référence - Propriétés CSS


CSS Référence

NoterDe référence W3Schools des CSS est testé régulièrement avec tous les principaux navigateurs.
Testé: Janvier 13, 2012.

Propriétés CSS

Groupes de propriétés CSS

Le "CSS" colonne indique dans quelle version CSS la propriété est définie (CSS1, CSS2, CSS3 ou).

Propriétés de l'animation

PropriétéDescriptionCSS
@ Images-clésSpécifie l'animation3
animationUn raccourci pour toutes les propriétés de l'animation ci-dessous, à l'exception de la propriété d'animation-jeu-Etat3
animation-nomSpécifie un nom pour l'animation d'images clés @3
animation-duréeIndique combien de secondes ou millisecondes une animation nécessaire pour terminer un cycle3
animation-calendrier-fonctionIndique la courbe de vitesse de l'animation3
animation-retardIndique le moment où l'animation va commencer3
animation-itération de comptageIndique le nombre de fois une animation devrait être joué3
animation-directionIndique si oui ou non l'animation devrait jouer en sens inverse sur des cycles alternés3
animation-jeu-EtatIndique si l'animation est en cours d'exécution ou en pause3

Propriétés d'arrière-plan

PropriétéDescriptionCSS
fondDéfinit toutes les propriétés d'arrière-plan dans une déclaration1
background-attachmentDéfinit si une image d'arrière-plan est fixé ou rouleaux avec le reste de la page1
background-colorDéfinit la couleur de fond d'un élément1
fond d'imageDéfinit l'image de fond pour un élément1
fond positionDéfinit la position de départ d'une image de fond1
background-repeatDéfinit la façon dont une image de fond sera répété1
background-clipIndique la zone de peinture de l'arrière-plan3
background-originIndique la zone de positionnement des images de fond3
fond de tailleIndique la taille des images de fond3

Propriétés des frontières et créer un plan

PropriétéDescriptionCSS
frontièreDéfinit toutes les propriétés de bordure dans une déclaration1
border-bottomDéfinit toutes les propriétés de bordure de fond dans une déclaration1
border-bottom-colorDéfinit la couleur de la bordure inférieure
border-bottom-styleDéfinit le style de la bordure inférieure1
marge-bas de largeurDéfinit la largeur de la bordure inférieure1
border-colorDéfinit la couleur des quatre frontières1
border-leftDéfinit toutes les propriétés de bordure gauche dans une déclaration1
border-left-colorDéfinit la couleur de la bordure gauche1
border-left-styleDéfinit le style de la bordure gauche1
border-left-widthDéfinit la largeur de la bordure gauche1
border-rightDéfinit toutes les propriétés de bordure à droite dans une déclaration1
border-right-colorDéfinit la couleur de la bordure droite1
border-right-styleDéfinit le style de la bordure droite1
border-right-widthDéfinit la largeur de la bordure droite1
border-styleDéfinit le style des quatre frontières1
border-topDéfinit toutes les propriétés de bordure top dans une déclaration1
border-top-colorDéfinit la couleur de la bordure supérieure1
border-top-styleDéfinit le style de la bordure supérieure1
border-top-widthDéfinit la largeur de la bordure supérieure1
border-widthDéfinit la largeur des quatre frontières1
esquisserDéfinit toutes les propriétés de contour dans une déclaration2
outline-colorDéfinit la couleur d'un contour2
outline-styleDéfinit le style d'un contour2
contour de largeurDéfinit la largeur d'un contour2
border-bottom-left-rayonDéfinit la forme de la frontière du coin en bas à gauche3
border-bottom-right-rayonDéfinit la forme de la frontière du coin en bas à droite3
border-imageUn raccourci pour le réglage de tous les border-image-* propriétés3
border-image-départIndique le montant par lequel la zone de l'image s'étend au-delà des frontières de la boîte de la frontière3
border-image-répétitionIndique si l'image-frontière doit être répété, arrondi ou étiré3
border-image-trancheIndique les décalages vers l'intérieur de l'image-frontière3
border-image-sourceSpécifie une image devant être utilisé en tant que frontière3
border-image-widthIndique la largeur de l'image-frontière3
border-radiusUn raccourci pour le réglage de tous les quatre border-radius-* propriétés3
border-top-left-rayonDéfinit la forme de la frontière du coin en haut à gauche3
border-top-right-rayonDéfinit la forme de la frontière du coin en haut à droite3
case-décoration-pause 3
box-shadowAttache un ou plusieurs d'abandon des ombres à la boîte3

Propriétés de la zone

PropriétéDescriptionCSS
débordement-xIndique si oui ou non pour couper les bords gauche / droite du contenu, si elle déborde la zone de contenu de l'élément3
débordement-yIndique si oui ou non pour couper les bords haut / bas de la teneur, si elle déborde la zone de contenu de l'élément3
trop-plein de styleSpécifie la méthode préférée pour le défilement des éléments qui débordent3
rotationPivoter un élément autour d'un point donné défini par la propriété de rotation du point3
la rotation du pointDéfinit un point comme un décalage à partir de la bordure en haut à gauche3

Propriétés des couleurs

PropriétéDescriptionCSS
au profil de couleursPermet la spécification d'un profil de couleur source autre que le défaut3
opacitéDéfinit le niveau d'opacité d'un élément3
rendu-butPermet la spécification d'une intention de rendu des couleurs autres que le profil par défaut3

Contenu pour les propriétés médias paginés

PropriétéDescriptionCSS
signet labelSpécifie l'étiquette du signet3
signet niveauIndique le niveau du signet3
bookmark-cibleSpécifie la cible du lien signet3
flottent-offsetPousse les éléments flottants dans le sens opposé de la où ils ont été avancées avec flotteur3
un trait d'union-aprèsIndique le nombre minimum de caractères dans un mot composé d'après le personnage de césure3
un trait d'union avant-Indique le nombre minimum de caractères dans un mot composé avant le caractère de césure3
Coupure caractèresSpécifie une chaîne qui est montré quand un trait d'union se produit la rupture3
Césure des lignesIndique le nombre maximum de lignes successives uniformisé dans un élément3
un trait d'union-ressourcesSpécifie une liste séparée par des virgules des ressources externes qui peuvent aider le navigateur de déterminer les points de césure3
des traits d'unionDéfinit comment séparer les mots pour améliorer la mise en page des paragraphes3
l'image à résolutionIndique la résolution correcte des images3
marquesAjoute des cultures et / ou des marques transversales au document3
string-ensemble 3

Des propriétés de dimension

PropriétéDescriptionCSS
hauteurDéfinit la hauteur d'un élément1
max-hauteurDéfinit la hauteur maximale d'un élément2
max-largeurDéfinit la largeur maximale d'un élément2
min-hauteurDéfinit la hauteur minimale d'un élément2
min-largeurDéfinit la largeur minimale d'un élément2
largeurDéfinit la largeur d'un élément1

Propriétés de la zone flexibles

PropriétéDescriptionCSS
box-alignIndique comment aligner les éléments enfants d'une boîte3
boîte de directionSpécifie la direction dans laquelle les enfants d'une boîte sont affichés3
box-flexIndique si les enfants d'un boîte qui est flexible ou rigide de la taille3
box-flex-groupeAffecte les éléments flexibles de fléchir les groupes3
box-lignesIndique si les colonnes ira sur une nouvelle ligne chaque fois qu'il manque d'espace dans la boîte de parent3
box-ordinal-groupeSpécifie l'ordre d'affichage des éléments enfants d'une boîte3
box-orientIndique si les enfants d'une boîte devrait être posé horizontalement ou verticalement3
box-packIndique la position horizontale dans des boîtes horizontales et la position verticale dans des boîtes verticales3

Propriétés des polices

PropriétéDescriptionCSS
fonteDéfinit toutes les propriétés de la police dans une déclaration1
font-familySpécifie la famille de police pour le texte1
font-sizeSpécifie la taille de police de texte1
font-styleIndique le style de police pour le texte1
font-variantIndique si oui ou non un texte doit être affiché dans une police small-caps1
font-weightSpécifie le poids d'une police1
@ Font-faceUne règle qui permet aux sites web de télécharger et d'utiliser des polices autres que les "Web-safe" polices3
font-size-adjustPréserve la lisibilité du texte lorsque la police se produit de repli3
font-stretchSélectionne une normale, le visage concentré, ou élargi à partir d'une famille de polices3

Propriétés de contenu générés

PropriétéDescriptionCSS
teneurUtilisé avec le: before et: after pseudo-éléments, d'insérer du contenu généré2
counter-incrementIncrémente un ou plusieurs compteurs2
Compteur de réinitialisationCrée ou réinitialise un ou plusieurs compteurs2
citationsDéfinit le type de guillemets pour les citations embarqués2
récoltePermet à un élément remplacé pour être juste une zone rectangulaire d'un objet, au lieu de l'objet entier3
mouvements d'Provoque un élément d'être retiré de l'écoulement et réinséré à un moment ultérieur dans le document3
page politiqueDétermine basé sur la page occurance d'un élément donné est appliqué à un comptoir ou valeur de chaîne3

Propriétés de la grille

PropriétéDescriptionCSS
grille-colonnesIndique la largeur de chaque colonne dans une grille3
grille-lignesIndique la hauteur de chaque colonne dans une grille3

Propriétés du lien hypertexte

PropriétéDescriptionCSS
cibleUne propriété raccourcie pour le réglage du nom de cible, cible nouvelle, et la cible de position propriétés3
nom de cibleIndique l'emplacement où pour ouvrir les liens (destination cible)3
cible nouvelleIndique si des liens de destination nouvelles doivent s'ouvrir dans une nouvelle fenêtre ou dans un nouvel onglet d'une fenêtre existante3
cible de positionIndique où les liens de destination nouvelles doivent être placés3

Propriétés Linebox

PropriétéDescriptionCSS
alignement ajusterPermet d'aligner plus précisément des éléments3
alignement de référenceSpécifie la façon dont un élément en ligne de niveau est aligné par rapport à son parent3
base-shiftPermet le repositionnement de la dominante par rapport à la ligne de base dominante de base3
dominante de baseSpécifie une échelle de référence-table3
baisse-initial-après ajustementDéfinit le point d'alignement de la chute initiale pour le point de connexion primaire3
baisse-initial-après-alignEnsembles qui alignement de la ligne dans la zone de ligne initial est utilisé au point de connexion primaire avec la boîte aux lettres initiales3
baisse-initial-avant-ajusterDéfinit le point d'alignement de la chute initiale pour le point de connexion secondaire3
baisse-initial-avant-alignEnsembles qui alignement de la ligne dans la zone de ligne initial est utilisé au point de connexion secondaire avec la boîte aux lettres initiales3
baisse-initial-tailleContrôle le naufrage partiel de la lettre initiale3
baisse-la valeur initialeActive un effet de goutte-première
inline-box-alignDéfinit les lignes d'un bloc en ligne multi-lignes s'alignent avec les éléments précédents et suivants en ligne au sein d'une ligne de3
la ligne d'empilageUn raccourci pour régler la ligne d'empilage-stratégie, la ligne d'empilage-ruby, et la ligne d'empilage-quarts des propriétés3
ligne d'empilage-rubyDéfinit la méthode de ligne d'empilage des éléments de bloc contenant des éléments d'annotation ruby3
ligne d'empilage de décalageDéfinit la méthode de ligne d'empilage des éléments de bloc contenant des éléments à base de décalage3
la ligne d'empilage-stratégieDéfinit la stratégie de la ligne d'empilage pour les boîtes de ligne empilées dans un élément bloc conteneur3
texte-hauteurDéfinit la dimension bloc de progression de la zone de contenu texte d'un boîte en-ligne3

Propriétés de la liste

PropriétéDescriptionCSS
list-styleDéfinit toutes les propriétés pour une liste dans une déclaration1
list-style-imageIndique une image en tant que marqueur d'élément de liste1
list-style-position deIndique si les marqueurs list-item doit apparaître à l'intérieur ou à l'extérieur du flux de contenu1
list-style-type deIndique le type de liste-élément marqueur1

Propriétés de marge

PropriétéDescriptionCSS
margeDéfinit toutes les propriétés de marge dans une déclaration1
margin-bottomDéfinit la marge inférieure d'un élément1
marge gaucheRègle la marge gauche d'un élément1
margin-rightDéfinit la marge de droite d'un élément1
margin-topDéfinit la marge du haut d'un élément1

Propriétés de renom

PropriétéDescriptionCSS
chapiteau-directionDéfinit la direction de la teneur en mouvement3
chapiteau-jeu-comteDéfinit combien de fois le déplacement du contenu3
chapiteau-vitesseDéfinit la vitesse à laquelle défile le contenu3
chapiteau de styleDéfinit le style du contenu mobile3

Propriétés multi-colonnes

PropriétéDescriptionCSS
la colonne de comptageIndique le nombre de colonnes d'un élément doit être divisé en3
Colonne-remplirSpécifie la façon de remplir les colonnes3
Colonne-écartSpécifie l'écart entre les colonnes3
column-ruleUn raccourci pour le réglage de tous les column-rule-* propriétés3
column-rule-colorSpécifie la couleur de la règle entre les colonnes3
column-rule-styleIndique le style de la règle entre les colonnes3
column-rule-widthIndique la largeur de la règle entre les colonnes3
Colonne-portéeIndique le nombre de colonnes d'un élément doit s'étendre sur plusieurs3
la colonne de largeurIndique la largeur des colonnes3
colonnesUn raccourci pour la mise en largeur de colonne et la colonne de comptage3

Propriétés de rembourrage

PropriétéDescriptionCSS
rembourrageDéfinit toutes les propriétés de remplissage dans une déclaration1
padding-bottomDéfinit le padding-bottom d'un élément1
padding-leftDéfinit l'espacement gauche d'un élément1
padding-rightDéfinit la marge droite d'un élément1
padding-topDéfinit l'espacement supérieure d'un élément1

Paginés Propriétés des médias

PropriétéDescriptionCSS
s'adapterDonne un truc pour savoir comment l'échelle d'un élément remplacé si ni sa largeur ni sa propriété height est auto3
ajustement de positionDétermine l'alignement de l'objet à l'intérieur de la boîte3
l'orientation d'imageSpécifie une rotation dans la bonne direction ou dans le sens horaire que l'agent utilisateur s'applique à une image3
pageIndique un type particulier de page où un élément doit être affiché3
tailleIndique la taille et l'orientation de la boîte contenant pour le contenu des pages3

Propriétés de positionnement

PropriétéDescriptionCSS
basSpécifie la position inférieure d'un élément positionné2
effacerIndique les côtés d'un élément où d'autres éléments flottants ne sont pas autorisés1
couperClips d'un élément en position absolue2
curseurIndique le type de curseur à afficher2
afficherSpécifie la façon dont un élément HTML certaine doit être affiché1
flotterIndique si oui ou non une boîte devrait flotter1
à gaucheIndique la position de gauche d'un élément positionné2
débordementSpécifie ce qui se passe si le contenu dépasse un élément de la boîte de2
positionIndique le type de méthode de positionnement utilisé pour un élément (statique, relative, absolue ou fixe)2
droitIndique la position de droite d'un élément positionné2
hautIndique la position supérieure d'un élément positionné2
visibilitéIndique si oui ou non un élément est visible2
z-indexDéfinit l'ordre de la pile d'un élément positionné2

Propriétés de l'imprimante

PropriétéDescriptionCSS
orphelinsDéfinit le nombre minimal de lignes qui doivent être laissés au fond d'une page quand un saut de page se produit dans un élément2
page-break-afterDéfinit le comportement de page après un élément de rupture2
page-break-beforeDéfinit le comportement de page avant un élément de rupture2
page-break-insideDéfinit le comportement de rupture page intérieur d'un élément2
veuvesDéfinit le nombre minimal de lignes qui doivent être à gauche en haut d'une page quand un saut de page se produit dans un élément2

Propriétés Ruby

PropriétéDescriptionCSS
ruby-alignContrôle l'alignement du texte du texte ruby ​​et le contenu de base de rubis rapport à l'autre3
ruby-fauxDétermine si, et de quel côté, le texte ruby ​​est autorisé à toute partie en surplomb de texte adjacente, en plus de sa propre base, lorsque le texte ruby ​​est plus large que la base ruby3
ruby-positionContrôle de la position du texte ruby ​​à l'égard de sa base3
ruby-spanContrôle le comportement couvrant des éléments d'annotation3

Propriétés de la parole

PropriétéDescriptionCSS
marquerUn raccourci pour la définition des propriétés de marge avant et marque-après3
marque-aprèsPermet marqueurs nommés pour être fixé dans le flux audio3
marque-avantPermet marqueurs nommés pour être fixé dans le flux audio3
phonèmesIndique que la prononciation phonétique du texte contenu par l'élément correspondant3
resteUn raccourci pour la définition des propriétés de repos avant et après repos3
reste-aprèsSpécifie un repos ou frontière prosodique à observer après avoir parlé contenu d'un élément3
reste-avantSpécifie un repos ou frontière prosodique à observer avant de parler du contenu d'un élément3
voix-équilibreIndique l'équilibre entre les canaux gauche et droit3
vocale duréeIndique combien de temps il devrait prendre pour rendre le contenu de l'élément sélectionné3
voix-terrainIndique la tonalité moyenne (une fréquence) de la voix3
voix-pitch-rangeIndique une variation de la hauteur moyenne3
vocale tauxContrôle de la vitesse d'élocution3
voix-stressIndique la force de l'accent soit appliquée3
voix volumeRéfère à l'amplitude de la sortie de forme d'onde par les synthétise la parole3

Propriétés du tableau

PropriétéDescriptionCSS
border-collapseIndique si oui ou non les bordures du tableau devrait être effondré2
border-spacingSpécifie la distance entre les bordures de cellules adjacentes2
caption-sideIndique l'emplacement d'une légende de la table2
les cellules videsIndique s'il faut ou non afficher les bordures et arrière-plan sur les cellules vides dans un tableau2
table-layoutDéfinit l'algorithme de mise en page à utiliser pour une table2

Propriétés du texte

PropriétéDescriptionCSS
couleurDéfinit la couleur du texte1
directionSpécifie le texte de direction / direction de l'écriture2
letter-spacingAugmente ou diminue l'espace entre les caractères dans un texte1
la hauteur de ligneDéfinit la hauteur de la ligne1
texte-alignerSpécifie l'alignement horizontal du texte1
text-decorationSpécifie la décoration ajoutée au texte1
text-indentSpécifie l'indentation de la première ligne dans un texte-bloc1
texte-transformerContrôle la casse du texte1
unicode-bidi 2
vertical-alignDéfinit l'alignement vertical d'un élément1
espace blancIndique comment white-space intérieur d'un élément est géré1
word-spacingAugmente ou diminue l'espace entre les mots dans un texte1
pendaison de ponctuationIndique si un caractère de ponctuation peut être placé à l'extérieur de la boîte de ligne3
la ponctuation-trimIndique si un caractère de ponctuation doivent être coupés3
text-align-dernièreDécrit comment la dernière ligne d'un bloc ou une ligne droite avant un saut de ligne forcé est aligné lorsque text-align est "justifier"3
texte justifierSpécifie la méthode utilisée lors de la justification text-align est "justifier"3
texte-contourSpécifie un contour du texte3
texte-débordementSpécifie ce qui doit arriver lorsque le texte déborde l'élément conteneur3
text-shadowAjoute ombre au texte3
text-wrapIndique les règles de rupture de ligne pour le texte3
mot-breakIndique les règles de saut de ligne pour non-CJC scripts3
word-wrapPermet de longues, des mots incassables pour être battus et enveloppement à la ligne suivante3

2D/3D propriétés de transformation

PropriétéDescriptionCSS
transformerApplique une transformation 2D ou 3D à un élément3
transformer d'originePermet de modifier la position sur les éléments transformés3
transformer le styleIndique comment imbriqué éléments sont rendus dans l'espace 3D3
perspectiveIndique le point de vue sur la façon dont les éléments 3D sont considérés3
point de vue d'origineIndique la position de fond des éléments 3D3
contreface-visibilitéDéfinit si oui ou non un élément doit être visible quand il n'est pas face à l'écran3

Propriétés de transition

PropriétéDescriptionCSS
transitionUn raccourci pour définir les propriétés de transition de quatre3
transition propriétéIndique le nom de la propriété CSS l'effet de transition est pour3
transition duréeDétermine combien de secondes ou millisecondes un effet de transition nécessaire pour terminer3
transition de synchronisation fonctionIndique la courbe de vitesse de l'effet de transition3
de transition à retardIndique le moment où l'effet de transition va commencer3

Propriétés de l'interface utilisateur

PropriétéDescriptionCSS
apparenceVous permet de faire un coup d'oeil élément comme un élément d'interface utilisateur standard3
box-sizingPermet de définir certains éléments pour s'adapter à une zone d'une certaine manière3
icôneFournit l'auteur la possibilité de style d'un élément avec un équivalent iconique3
nav-downSpécifie où naviguer en utilisant la flèche vers le bas la navigation3
nav-indexSpécifie l'ordre de tabulation pour un élément3
nav-gaucheSpécifie où naviguer en utilisant la flèche gauche de navigation3
nav-droitIndique l'emplacement où pour naviguer en utilisant la flèche droite du clavier de navigation3
Nav-upSpécifie où naviguer en utilisant la flèche-haut la touche de navigation3
outline-décalageOffsets une esquisse, et qu'elle en tire au-delà de la bordure3
redimensionnerIndique si oui ou non un élément est redimensionnable par l'utilisateur3

0 commentaires:

Post a Comment

HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT