Maison > Article > interface Web > Résumé des propriétés CSS courantes 2
******** Attributs CSS couramment utilisés **********
[layout]
Effacer : cet attribut La valeur indique le bord sur lequel les objets flottants ne sont pas autorisés. Valeur par défaut : aucune aucun : les objets flottants sont autorisés des deux côtés les deux : les objets flottants ne sont pas autorisés gauche : Les objets flottants ne sont pas autorisés à gauche droite : Les objets flottants ne sont pas autorisés à droite ------ --- ----------------------------------------------- --- affichage : Définissez ou récupérez si et comment l'objet est affiché. Si l'affichage est défini sur aucun, les définitions des attributs float et position ne prendront pas effet Si la position n'est ni statique ni relative, la définition de l'attribut float ne prendra pas effet ; prendre effet ; Les navigateurs IE7 et antérieurs ne prennent en charge que l'écriture directe des valeurs d'attribut : flex ; | inline -flex sans ajouter de préfixe ; aucun : objet caché. Contrairement à la valeur cachée de l'attribut de visibilité, il ne conserve pas son espace physique pour les objets cachés inline : Spécifie que l'objet est un élément en ligne. block : Spécifie l'objet en tant qu'élément de bloc. list-item : L'objet spécifié est un élément de liste. inline-block : Spécifie l'objet en tant qu'élément de bloc en ligne. (CSS2) table : Spécifie l'objet sous forme de table au niveau de l'élément de bloc. Semblable aux balises html (CSS2) inline-table : spécifiez l'objet en tant que table au niveau de l'élément en ligne. Semblable à la balise html (CSS2) table-caption : Spécifiez l'objet comme titre du tableau. Semblable à la balise html (CSS2) table-row-group : Spécifie l'objet en tant que groupe de lignes de tableau. Semblable à la balise html (CSS2) table-column : Spécifiez l'objet sous forme de colonne de tableau. Semblable à la balise html (CSS2) table-column-group : Spécifie l'objet à afficher en tant que groupe de colonnes de tableau. Semblable à la balise html (CSS2) table-header-group : Spécifiez l'objet comme groupe d'en-tête de tableau. Semblable à la balise html (CSS2) table-footer-group : Spécifie l'objet comme groupe de pied de page du tableau. Semblable à la balise html (CSS2) compact : allouer des objets en tant qu'objets de bloc ou objets en ligne en fonction du contenu (CSS3) run-in : selon le contexte détermine si l'objet est en ligne ou au niveau du bloc. (CSS3) Si l'élément de run-in contient un élément de niveau bloc, l'élément de run-in deviendra un élément de niveau bloc S'il y a un élément de niveau bloc ( ; non flottant et définition de position) immédiatement après l'élément d'exécution, l'élément d'exécution deviendra le premier élément en ligne du bloc ; un élément d'exécution ne peut pas être inséré dans un bloc qui a déjà un élément d'exécution à le début ou est lui-même un élément d'exécution Medium; Dans d'autres cas, l'élément d'exécution sera un élément de niveau bloc ruby : affiche l'objet en pied de table ; group (CSS3) ruby-base : Afficher l'objet sous forme de groupe de pied de table (CSS3) ruby-text : Afficher l'objet sous forme de groupe de pied de table (CSS3) ruby-base-group : Afficher l'objet en tant que groupe de pied de page de tableau Display (CSS3) ruby-text-group : Afficher l'objet en tant que groupe de pied de page de tableau (CSS3) flex : Afficher l'objet sous forme de modèle de boîte flexible (CSS3) inline-flex : Afficher les objets sous forme de modèles de boîte flexible au niveau du bloc en ligne (CSS3) ---- ---------------------- ---------------------------- ----------------------
float : La valeur de cet attribut indique si et comment l'objet flotte. Lorsque cette propriété n'est pas égale à none et fait flotter l'objet, l'objet sera considéré comme un objet bloc (niveau bloc), c'est-à-dire que la propriété d'affichage est égale bloquer. Autrement dit, l'attribut d'affichage des objets flottants sera ignoré. float ne sera pas appliqué lorsque le positionnement et l'affichage absolus sont nuls. aucun : définissez l'objet pour qu'il ne flotte pas gauche : définissez l'objet pour qu'il flotte à gauche droite : définissez l'objet pour qu'il flotte dessus la droite -------------------------------------------------- -------------- ------ overflow : Attribut composite. Récupère ou définit la manière dont le contenu de l'objet est géré lorsqu'il dépasse la hauteur et la largeur spécifiées. Valeur par défaut : visible Si un seul est fourni, son effet est équivalent à overflow-x overflow-y. Si deux sont fournis, le premier est équivalent à overflow-x et le second est équivalent à overflow-y. Pour table, si l'attribut table-layout est défini sur fix, l'objet td prend en charge l'attribut overflow avec la valeur par défaut masquée. S'il est défini sur caché, défilement ou automatique, le contenu dépassant la taille td sera coupé. S'il est défini sur visible, le texte supplémentaire débordera vers les cellules de droite ou de gauche (en fonction du paramètre de propriété de direction). visible : Ne coupez pas le contenu. masqué : recadrez le contenu qui dépasse la taille de l'objet et aucune barre de défilement n'apparaîtra.
défilement : recadrez le contenu qui dépasse la taille de l'objet et affichez le contenu en excès sous forme de barre de défilement.
auto : coupez le contenu et ajoutez des barres de défilement si nécessaire. Il s'agit de la valeur par défaut pour les objets body et la zone de texte.
no-display : lorsque le contenu ne rentre pas dans la zone de contenu actuelle, la zone entière sera supprimée, similaire à display:none. (CSS3)
no-content : lorsque le contenu ne rentre pas dans la zone de contenu actuelle, l'intégralité du contenu est masquée, similaire à visibilité : masquée. (CSS3)
----------------------------------- ------------- ----------------------------------------- ------------- ------------
overflow-x : Récupère ou définit la façon dont le contenu de l'objet est géré lorsqu'il dépasse la largeur spécifiée.
Valeur par défaut : visible
visible : Ne pas couper le contenu.
caché : recadrez le contenu qui dépasse la largeur de l'objet et aucune barre de défilement n'apparaîtra.
défilement : recadrez le contenu qui dépasse la largeur de l'objet et affichez le contenu en excès sous forme de barre de défilement.
auto : coupez le contenu et ajoutez des barres de défilement si nécessaire. Il s'agit de la valeur par défaut pour les objets body et la zone de texte.
no-display : lorsque le contenu ne rentre pas dans la zone de contenu actuelle, la zone entière sera supprimée, similaire à display:none.
no-content : lorsque le contenu ne rentre pas dans la zone de contenu actuelle, l'intégralité du contenu est masquée, similaire à visibilité : masquée.
-------------------------------------- --- ----------------------------------------------- ---
overflow-y : Récupère ou définit comment gérer le contenu lorsque le contenu de l'objet dépasse sa hauteur spécifiée.
Valeur par défaut : visible
visible : Ne coupe pas le contenu.
caché : recadrez le contenu qui dépasse la hauteur de l'objet et aucune barre de défilement n'apparaîtra.
défilement : Recadrez le contenu qui dépasse la hauteur de l'objet et affichez le contenu en excès sous la forme d'une barre de défilement.
auto : coupez le contenu et ajoutez des barres de défilement si nécessaire. Il s'agit de la valeur par défaut pour les objets body et la zone de texte.
no-display : lorsque le contenu ne rentre pas dans la zone de contenu actuelle, la zone entière sera supprimée, similaire à display:none.
no-content : lorsque le contenu ne rentre pas dans la zone de contenu actuelle, l'intégralité du contenu est masquée, similaire à visibilité : masquée.
-------------------------------------- --- ----------------------------------------------- ---
rotation : Récupère ou définit l'angle de rotation de l'objet.
Valeur par défaut : 0
la rotation utilise la valeur définie par le point de rotation comme origine de référence pour le décalage de rotation. La bordure, le remplissage, le contenu de l'élément
et tout arrière-plan qui n'est pas fixe pivoteront à mesure que l'élément pivote. Tous les éléments enfants avec des valeurs de position statiques et relatives pivoteront également, contrairement aux autres.
la rotation n'affecte pas les éléments parents et les éléments frères, et leur position et leur disposition restent inchangées. Ainsi, lorsque l’élément pivote, il peut chevaucher d’autres éléments.
Cet attribut est similaire à rotate() sous l'attribut transform et peut être remplacé ou abandonné.
: Précisez l'angle. Peut être négatif
------------------------------------------------ - --------------
rotation-point : Récupère ou définit le point de coordonnées référencé lorsque l'objet est pivoté.
rotation rotation utilise la valeur définie par rotation-point comme origine de référence pour le décalage de rotation.
Cet attribut est similaire à transform-origin et peut être remplacé ou abandonné.
: Spécifiez les valeurs de coordonnées en pourcentage.
: Spécifiez la valeur de coordonnée avec la valeur de longueur.
gauche : Préciser l'abscisse de l'origine comme gauche
centre : Préciser l'abscisse ou l'ordonnée de l'origine comme centre
droite : Préciser l'abscisse de l'origine comme droite
haut : Spécifiez l'ordonnée de l'origine en haut
bas : Spécifiez l'ordonnée de l'origine en bas
------ ---- ----------------------------------------------- ---- -------------
visibilité : Définissez ou récupérez s'il faut afficher l'objet. Contrairement à l'attribut display, cet attribut réserve l'espace physique occupé par l'objet caché
Si vous souhaitez que l'objet soit visible, son objet parent doit également être visible.
Valeur par défaut : visible
visible : définissez l'objet pour qu'il soit visible
caché : définissez l'objet pour qu'il soit masqué
collapse : principalement utilisé pour masquer les lignes ou les colonnes d'un tableau. Les lignes ou colonnes masquées peuvent être utilisées par d’autres contenus. Pour les autres objets en dehors du tableau, sa fonction équivaut à cachée. IE6 et versions antérieures ne prennent pas en charge cette valeur de paramètre
----------------------------- --- ----------------------------------------------- --- ----------------------------------------------- ---
table-cell : Spécifiez l'objet en tant que cellule de tableau. Semblable à la balise html
(CSS2)
(CSS2)
table-row : Spécifiez l'objet sous forme de ligne de tableau. Semblable à la balise html
Pour le contenu associé, veuillez faire attention au site Web PHP chinois (www.php.cn) !