Propriétés communes de CSS1 et CSS2

Cette fois, je vais vous apporter les propriétés communes de CSS1 et CSS2. Quelles sont les précautions d'utilisation des propriétés communes de CSS1 et CSS2. Ce qui suit est un cas pratique, jetons un coup d'oeil.

background Définissez toutes les propriétés d'arrière-plan dans une seule instruction.
background-attachment Définit si l'image d'arrière-plan est fixe ou défile avec le reste de la page.
background-color Définit la couleur d'arrière-plan de l'élément.
background-image Définit l'image d'arrière-plan de l'élément.
background-position Définit la position de départ de l'image d'arrière-plan.
background-repeat Définissez si et comment répéter l'image d'arrière-plan.
border Définit toutes les propriétés de bordure dans une seule déclaration.
border-bottom Définit toutes les propriétés de la bordure inférieure en une seule instruction.
border-bottom-color définit la couleur de la bordure inférieure.
border-bottom-style définit le style de la bordure inférieure.
border-bottom-width définit la largeur de la bordure inférieure.
border-color Définit la couleur des quatre bordures.
border-left Définit toutes les propriétés de la bordure gauche dans une seule instruction.
border-left-color Définit la couleur de la bordure gauche.
border-left-style Définit le style de la bordure gauche.
border-left-width Définit la largeur de la bordure gauche.
border-right Définit toutes les propriétés de bordure droite dans une seule déclaration.
border-right-color Définit la couleur de la bordure droite.
border-right-style Définit le style de la bordure droite.
border-right-width Définit la largeur de la bordure droite.
border-style Définit le style de quatre bordures.
border-top Définit toutes les propriétés de bordure supérieure dans une seule instruction.
border-top-color Définit la couleur de la bordure supérieure.
border-top-style Définit le style de la bordure supérieure.
border-top-width Définit la largeur de la bordure supérieure.
border-width Définit la largeur des quatre bordures.
outline Définit toutes les propriétés du contour dans une seule instruction.
outline-color Définit la couleur du contour.
outline-style Définit le style du contour.
outline-width Définit la largeur du contour.
hauteur Définissez la hauteur de l'élément.
max-height Définit la hauteur maximale de l'élément.
max-width Définit la largeur maximale de l'élément.
min-height Définit la hauteur minimale de l'élément.
min-width Définit la largeur minimale de l'élément.
width Définit la largeur de l'élément.
font             Définissez toutes les propriétés de police dans une seule déclaration.
font-family spécifie la famille de polices du texte.
font-size spécifie la taille de la police du texte.
font-size-adjust spécifie la valeur d'aspect de l'élément.
font-stretch Réduire ou étendre la famille de polices actuelle.
font-style spécifie le style de police du texte.
font-variant spécifie s'il faut afficher le texte en petites majuscules.
font-weight spécifie l'épaisseur de la police.
le contenu est utilisé avec les pseudo-éléments :before et :after pour insérer le contenu généré.
counter-increment Incrémente ou décrémente un ou plusieurs compteurs.
counter-reset Créer ou réinitialiser un ou plusieurs compteurs.
quotes Définissez le type de guillemets imbriqués.
list-style Définit toutes les propriétés de la liste dans une seule déclaration.
list-style-image Définit une image comme balisage de l'élément de liste.
list-style-position Définit la position de placement des marqueurs d'éléments de liste.
list-style-type Définit le type de balise d'élément de liste.
margin Définit toutes les propriétés de marge dans une seule déclaration.
margin-bottom Définit la marge inférieure de l'élément.
margin-left Définit la marge gauche de l'élément.
margin-right Définit la marge droite de l'élément.
margin-top Définit la marge supérieure de l'élément.
padding Définit toutes les propriétés de remplissage dans une seule déclaration.
padding-bottom Définit le remplissage inférieur de l'élément.
padding-left Définit le remplissage gauche de l'élément.
padding-right Définit le remplissage droit de l'élément.
padding-top définit le remplissage supérieur de l'élément.
bottom Définit le décalage entre la limite inférieure de la marge de l'élément positionné et la limite inférieure de son bloc conteneur.
clear spécifie quel côté de l'élément n'autorise pas d'autres éléments flottants.
clip coupe un élément positionné de manière absolue.
curseur précise le type (forme) du curseur à afficher.
display spécifie le type de boîte que l'élément doit générer.
float précise si la boîte doit flotter.
gauche Définit le décalage entre le bord de la marge gauche de l'élément positionné et le bord gauche de son bloc conteneur.
overflow spécifie ce qui se passe lorsque le contenu déborde de la zone d'élément.
position spécifie le type de positionnement de l'élément.
right Définit le décalage entre le bord de la marge droite de l'élément positionné et le bord droit de son bloc conteneur.
top Définit le décalage entre la limite de la marge supérieure de l'élément positionné et la limite supérieure de son bloc conteneur.
vertical-align Définit l'alignement vertical de l'élément.
visibilité précise si l'élément est visible.
z-index Définit l'ordre d'empilement des éléments.
orphelins Définissez le nombre minimum de lignes qui doivent rester en bas de la page lorsque la pagination se produit à l'intérieur de l'élément.
page-break-after Définit le comportement de pagination après l'élément.
page-break-before Définit le comportement de pagination avant l'élément.
page-break-inside Définit le comportement de pagination à l'intérieur de l'élément.
veuves Définit le nombre minimum de lignes qui doivent rester en haut de la page lorsque la pagination se produit à l'intérieur de l'élément.
border-collapse spécifie s'il faut fusionner les bordures du tableau.
border-spacing spécifie la distance entre les bordures des cellules adjacentes.
caption-side spécifie la position du titre du tableau.
empty-cells spécifie s'il faut afficher les bordures et les arrière-plans sur les cellules vides du tableau.
table-layout Définit l'algorithme de disposition utilisé pour les tableaux.
couleur Définissez la couleur du texte.
direction spécifie la direction/sens d'écriture du texte.
letter-spacing Définit l'espacement des caractères.
line-height Définit la hauteur de la ligne.
text-align spécifie l'alignement horizontal du texte.
text-decoration spécifie l'effet décoratif ajouté au texte.
text-indent spécifie l'indentation de la première ligne du bloc de texte.
text-shadow spécifie l'effet d'ombre ajouté au texte.
text-transform Contrôle la casse du texte.
unicode-bidi Définit la direction du texte.
white-space spécifie comment gérer les espaces dans les éléments.
espacement des mots Définissez l'espacement des mots.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Fonction mathématique de chaîne de tableau JavaScript

DOM et événements de jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!