Exemple de
segmentation de page dans une boîte
#boîte { saut de page à l'intérieur : à éviter ; } |
Description
Cette propriété définit si la pagination se produit dans un élément spécifié.
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
N.
Exemple
de propriété de contour
#boîte { contour : rouge uni 1px ; } |
Description
outline est l'abréviation de style de contour, largeur de contour et couleur de contour. Cet attribut est meilleur que l'attribut border car il n'affecte pas le flux de documents, il est donc plus utile pour déboguer les problèmes de mise en page.
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
O.
Exemples
de valeurs alternatives pour l'attribut d'affichage
#boîte { affichage : bloc en ligne ; } |
Description
L'attribut display est généralement défini sur block, inline ou none. Les valeurs alternatives incluent :
bloc en ligne table en ligne élément de liste rodage tableau légende du tableau cellule de table colonne de tableau groupe de colonnes de table groupe de pied de page de table groupe d'en-tête de table rangée de tableau groupe de lignes de table |
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
Exemple
de gestion d'un espace blanc pliable
p{ espace blanc : pré-ligne ; } div{ espace blanc : pré-enveloppement ; } |
Le
paramètre de valeur de pré-ligne de l'attribut white-space réduit plusieurs éléments d'espace en un seul espace tout en autorisant des sauts de ligne explicites. La valeur pre-wrap de l'attribut white-space ne réduit pas plusieurs espaces en un seul, mais permet de définir explicitement les sauts de ligne.
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
4. Diverses autres technologies
A.Exemples
de types de médiade @import
Écran @import url("styles.css") ; |
Description :
Comme dans l'exemple ci-dessus, le type de support du fichier de feuille de style importé est déclaré après l'adresse du fichier. Dans cet exemple, le type de média est « écran ».
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
BoguesBien que
IE6 et IE7 prennent en charge @import, ils n'ont aucun effet lorsque le type de média est spécifié, rendant même la règle @import normale invalide.
B.
Exemple
d'incrément de comptage
h2 { contre-incrément : en-têtes ; } h2:avant { contenu : compteur (en-têtes) ". " ; } |
Description
Cette technique CSS permet d'incrémenter automatiquement le numéro qui apparaît avant un élément spécifié, utilisé conjointement avec le pseudo-élément before.
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
C.
Exemples de
caractères de référence pour le contenu généré
q{ citations: "'" "'"; } q:avant { contenu : citation ouverte ; } q:après { contenu : citation proche ; } |
La description
spécifie l'indicatif d'appel de la citation utilisé pour générer le contenu, à utiliser avec les balises q.
Statut d'assistance
IE6 Non IE7Non IE8 Oui |
5. Bogues importants et problèmes d'incompatibilité
Voici de nombreux bogues dans IE6 et IE7 qui ne sont pas mentionnés ci-dessus. Bien entendu, cette liste n'inclut pas les entrées qui ne sont pas prises en charge dans les trois navigateurs.
Bogues IE6
A. Ne prend pas en charge le style de l'élément
B. Ne prend pas en charge les noms de classe et d'ID commençant par des traits d'union et des traits de soulignement
C. L'élément
D . Si les pseudo-classes d'ancrage ne sont pas utilisées dans le bon ordre (:link, :visited, :hover), la pseudo-classe :hover n'aura aucun effet
. E. Une déclaration !important d'un attribut sera remplacée par un. unused !important déclaration du même attribut dans la même règle Deux instructions couvertes.
F. La hauteur se comporte comme une hauteur minimale
G. La largeur se comporte comme une largeur minimale
H. Doubles marges gauche et droite
I. La bordure en pointillés (en pointillés) ressemble à une bordure en pointillés (en pointillés)
J. Valeur de passage en ligne de la décoration du texte Le texte ressemble un peu plus grand que les autres navigateurs
. Si la liste ordonnée a une structure fixe (haslayout est vrai, la hauteur/largeur/zoom de li ne peut pas être définie pour activer les valeurs haslayout), le numéro de série n'augmentera pas, il restera à 1.
L. Les éléments de liste ne prennent pas en charge toutes les valeurs disponibles de type de style de liste
M. Si l'entrée de liste flotte, l'image de style de liste spécifiée ne sera pas affichée
N. @font-face n'est pas entièrement pris en charge
O. Certains les sélecteurs correspondront incorrectement aux commentaires et aux déclarations de documentation
. Si un sélecteur d'ID combiné à un sélecteur de classe ne correspond pas, le même sélecteur d'ID combiné à un sélecteur de classe différent sera également traité comme une incompatibilité.
Bogues IE7
A. Si la liste ordonnée a une structure fixe (haslayout est vrai, la hauteur/largeur/zoom de li ne peut pas être définie pour activer les valeurs haslayout), le numéro de série n'augmentera pas, mais reste à 1
B. Les éléments de la liste sont non pris en charge Toutes les valeurs disponibles du type de style de liste
C. Si l'élément de liste flotte, l'image de style de liste spécifiée ne sera pas affichée
D. @font-face n'est pas entièrement pris en charge
E. Certains sélecteurs ne correspondront pas correctement commentaires et documents Avis de non-responsabilité
F. Certains bogues IE non mentionnés ici se produisent uniquement dans des environnements spécifiques et ne sont pas affectés à des propriétés ou valeurs CSS spécifiques.