Text-Justifier, Volume, et autres propriétés de la feuille de style

Propriétés alphabétique feuille de style: texte justifient

texte justifient
IE 5 NN n / a n Moz / a n Saf / a n Op / a n CSS / a

Héritée: Oui

Contrôles détaillée des techniques de distribution de caractère pour tout élément de niveau bloc qui a son text-align Propriété CSS mis à justify . Cette propriété est conçue principalement pour les pays asiatiques ou d’autres langues non latines.

Syntaxe CSS

Valeur

L’une des constantes indiquées dans le tableau suivant.

Valeur; Signification
automatique; Permet navigateur choisir le meilleur type de
distribuer; semblables au journal mais optimisée pour les langues asiatiques
de distribuer à-tout des lignes; Justifie les lignes, y compris la dernière ligne, conduisant à l’espacement des mots potentiellement très large

Valeur; Signification
distribuer centre-dernière; Justifie les lignes, mais les centres de la dernière ligne (non implémenté)
inter-cluster; Justifie l’espacement des lignes de mot manquant
inter-idéogramme; Justifie lignes composé d’idéogrammes
inter-mots; Justifie lignes en distribuant l’espace entre les mots rembourrés (commun pour les langues latines)
kashida; Justifie écriture arabe à coups de forme allongée (IE 5.5 ou ultérieur requis)
journaux; Justifie lignes en distribuant l’espace entre les mots et rembourrées entre les caractères

Valeur initiale

S’applique à éléments de type bloc.

Référence Object Model

texte kashida espace
IE 5.5 NN n / a n Moz / a n Saf / a n Op / a n CSS / a

Héritée: Oui

Pour le texte arabe dans un élément de niveau bloc avec le style d’alignement du texte mis à justify , Contrôle le rapport d’expansion à l’expansion kashida espaces.

Syntaxe CSS

Valeur

Voir la discussion sur les valeurs de longueur au début de ce chapitre. Vous pouvez également spécifier une valeur en pourcentage, qui est calculé sur la base de la largeur du prochain conteneur ultrapériphériques.

Valeur initiale 0%

Exemple

S’applique à éléments de type bloc.

Référence Object Model

text-overflow
IE 6 NN n / a n Moz / a Saf 1,3 / 2 Op (voir texte) CSS n / a

Héritée: Non

Contrôle si le contenu du texte qui déborde un espace encadré fixes doit afficher une ellipse ( . . . ) À la fin de la ligne pour indiquer plus de texte est disponible. L’élément devrait également avoir sa overflow propriété de style mis à hidden . Opera 9 implémente une version propriétaire de cette propriété: -o-text-overflow .

Syntaxe CSS

Valeur Un des deux constantes: clip | ellipsis .

Valeur initiale

Exemple

S’applique à éléments de type bloc.

Référence Object Model

text-shadow
IE n / a n NN / A N Moz / a Saf 1,2 Op n / a CSS <2,1

Héritée: Non

Définit les effets d’ombre pour le texte de l’élément courant. Un élément de texte peut avoir plus d’une ombre, et chaque ombre peut avoir sa propre couleur, décalage vertical, horizontal et le rayon de flou. Chaque ombre existe dans ses propres minilayer, empilée avec la spécification première ombre au fond du tas. Les valeurs pour chaque ombre est un espace délimité, et plusieurs ensembles de valeurs d’ombre sont séparées par des virgules.

Syntaxe CSS

Valeur

Si vous omettez le

valeur de la propriété, l’ombre utilise l’élément, l’AOS color valeur de la propriété (qui peut, en soi, être héréditaire). L’ color propriété peut être placé avant ou après tout des valeurs de longueur sont fixés pour une ombre. Voir la discussion sur les valeurs de couleur au début de ce chapitre. Les valeurs pour horizLength et vertLength sont des valeurs de longueur (voir le début de ce chapitre), et leur signe indique le sens du décalage de l’ombre prend à partir du texte élément. Pour la horizLength valeur, une valeur positive des lieux de l’ombre à la droite de l’élément, une valeur négative pour la gauche. Pour la vertLength valeur, une valeur positive des endroits à l’ombre sous le texte, une valeur négative, elle place au-dessus. Un rayon de flou est une valeur de longueur (voir le début de ce chapitre) qui spécifie l’étendue de l’ombre à partir du bord des caractères du texte.

Valeur initiale none

S’applique à tous les éléments.

Text-transform

text-transform
IE 4 NN 4 Moz tous Saf tous les opus tous les CSS 1

Héritée: Oui

Contrôles de la capitalisation de l’élément, le texte AOS. Quand une valeur autre que none est assigné à cette propriété, le cas de toutes les lettres dans le texte source sont organisées par la feuille de style, outrepassant le cas des caractères du texte source.

Syntaxe CSS

Valeur

Une valeur de none permet le cas du texte source pour être rendu tel quel. Autres valeurs constantes sont disponibles

. Une valeur de capitalize établit le premier caractère de chaque mot en majuscule. Les valeurs lowercase et uppercase rendent tous les caractères du texte de l’élément dans leurs cas respectifs.

Valeur initiale

Exemple

S’applique Tous les éléments.

Référence Object Model

texte soulignent-position
IE 5.5 NN n / a n Moz / a n Saf / a n Op / a n CSS / a

Héritée: Non

Contrôle si un trait de soulignement (ie, un élément avec un text-decoration définir le style de underline ) Est rendu au-dessus ou en dessous du texte. Applicable principalement pour les langues asiatiques rendus en colonnes verticales.

Syntaxe CSS

Valeur

IE 5.5 reconnaît deux valeurs constantes: above | below . IE 6 ajoute les valeurs auto et auto-pos (Qui semblent faire la même chose). La valeur par défaut a également changé entre les versions, à partir de below à auto . Dans IE 6, le auto souligne la valeur verticale du texte japonais, Äúabove, l’UA (à droite) des personnages.

Valeur initiale none

Exemple

S’applique à tous les éléments.

Référence Object Model

Top
IE 4 NN 4 Moz tous Saf tous les opus tous les CSS 2

Héritée: Non

Pour les éléments positionnés, ce qui définit la position du bord de la marge supérieure d’un élément par rapport à la bordure supérieure du conteneur bloc suivant ultrapériphériques contenu.

Syntaxe CSS

Valeur

Voir la discussion sur les valeurs de longueur au début de ce chapitre. Les valeurs négatives peuvent être autorisées dans certains contextes, mais soyez sûr de tester les résultats sur tous les navigateurs. Vous pouvez également spécifier une valeur en pourcentage, qui est calculé sur la base de la hauteur du prochain conteneur ultrapériphériques. Le réglage de la auto permet au navigateur de déterminer le sommet décalage de la boîte d’élément sur sa nature coule offset dans la boîte contenant.

Valeur initiale auto

Exemple

S’applique à des éléments positionnés.

Référence Object Model

unicode-bidi
IE 5 NN n / a Moz tous Saf tous Op. 8 CSS 2

Héritée: Non

Contrôles l’incrustation de texte bidirectionnel (comme un mélange d’allemand et arabe), de concert avec les direction propriété de style.

Syntaxe CSS

Une des valeurs constantes suivantes:

.

Valeur initiale normal

Exemple

S’applique à tous les éléments.

Référence Object Model

Vertical-align

vertical-align
IE 4 NN n / a Moz tous Saf 1,2 Op tous les CSS 1

Héritée: Non

Il ya deux ensembles de valeurs pour cette propriété, et ils affectent les différentes caractéristiques de l’élément en ligne à laquelle ils sont appliqués. Le principal point de référence est celle d’un élément inline a sa boîte propre ligne de tenir son contenu. Deux valeurs, top et bottom , Affectent la façon dont le texte est rendu dans la boîte de ligne. Les réglages mettre le texte au ras du haut ou du bas de la boîte, respectivement.

L’application de cette propriété n’est pas limitée à enjambe ligne de texte. Les images et les tableaux peuvent utiliser cette propriété de style. Tous les autres paramètres pour vertical-align affectent la façon dont la boîte d’élément entier est positionnée verticalement relatifs au contenu du texte de l’élément parent. La valeur par défaut, baseline , Signifie que la boîte de ligne est positionnée de telle sorte que les lignes de base des deux la zone de ligne, le texte AOS (ou très bas d’un élément comme un img ) Et le texte sont encore parent. C’est, AOS comment un em élément peut être son propre élément boîte de ligne, mais toujours l’air aussi bien qu’il s’écoule sur la même ligne que son contenant p élément. Le reste de la propriété, AOS valeurs constantes (et le pourcentage ou longueur) de déterminer où l’élément, la boîte de ligne AOS est mis à l’égard de la lignée parentale. Un pourcentage positif ou valeur de la longueur des positions de l’élément de la distance indiqué ci-dessus la ligne de base; une valeur négative des positions de l’élément en dessous de la ligne de base. Les pourcentages sont calculés par rapport à la hauteur de la ligne.

Syntaxe CSS

Valeur

Deux valeurs constantes s’appliquent à l’alignement du texte dans l’élément lui-même: bottom | top .

Six valeurs constantes s’appliquent à l’alignement de l’élément, la boîte de ligne AO ​​par rapport à la ligne de texte environnant (de l’élément parent):

. Une valeur de baseline maintient la base de l’élément et la ligne de l’élément parent même. Une valeur de middle aligne le milieu vertical de l’élément avec la ligne de base, plus la moitié de la hauteur-x de l’élément parent, police AOS. Les valeurs de sub et super déplacement de l’élément en position pour indice et exposant, mais ne suffisent pas à créer un véritable indice ou en exposant en ce sens qu’aucun ajustement de la taille de la police est faite avec cette propriété. Une valeur de text-bottom aligne le bas de l’élément avec le bas de la ligne de la police du texte élément parent; une valeur de text-top fait la même chose avec les sommets de l’élément et le parent.

Valeur initiale

Exemple

S’applique Éléments Inline seulement.

Référence Object Model

la visibilité
IE 4 NN 4 Moz tous Saf tous les opus tous les CSS 2

Héritée: Oui

Contrôle si l’élément est rendu sur la page. Un élément caché via les visibility la propriété préserve l’espace dans le document où l’élément apparaît normalement. Si vous préférez le contenu environnant pour cinch l’espace laissé par un élément caché, voir le display propriété. La spécification CSS suggère que la valeur de collapse , Lorsqu’il est appliqué à la table rangée d’éléments liés, devrait cinch jusqu’à la table, mais aucun navigateur ne courant que (Mozilla 1.8, Safari 2 et Opera 9 simplement cacher la ligne, laissant un espace des lignes vides.)

L’ visibility propriété est héritée lors de sa valeur est fixée à inherit . Ce paramètre signifie que si le parent est caché, l’enfant est également masqué. Mais, par la mise de l’enfant, l’AOS visibility propriété pour visible , Vous pouvez toujours garder le parent cachés tout en montrant l’enfant de façon indépendante.

Syntaxe CSS

Valeur

Une des valeurs constantes:

. IE pour Windows ne reconnaît pas le collapse valeur. Navigator 4 permet de contrôler la visibilité que des éléments positionnés.

Valeur initiale

S’applique Tous les éléments.

Référence Object Model

voice-family
IE n / a n NN / A N Moz / a n Saf / a n Op / a 2 CSS

Héritée: Non

Pour les feuilles de style auditives, cela met les noms de famille la voix du navigateur auditive doit essayer d’utiliser pour parler du contenu. Multiples, séparées par des virgules valeurs sont acceptées. Cette fonction est analogue à la font-family réglage pour les navigateurs visuels.

Syntaxe CSS

Valeur

Une

peut être l’identificateur d’un type de voix fournies par le navigateur sonore ou un nom vocal générique (encore à déterminer par le W3C). Comme avec font-family paramètres, vous devez spécifier les types de voix multiples, à commencer par les plus spécifiques et se terminant avec le plus générique pour le type de discours que vous voulez pour l’élément, le contenu AOS.

Valeur initiale dépend du navigateur.

S’applique à tous les éléments.

Volume

le volume
IE n / a n NN / A N Moz / a n Saf / a n Op / a 2 CSS

Héritée: Non

Pour les feuilles de style auditives, cela met la plage dynamique (douceur / volume) de l’élément parlé. Parce que le discours normal a des inflexions qui empêchent une quantité absolue d’appliquer en tout temps, la propriété du volume règle le volume médiane.

Syntaxe CSS

Valeur

Un volume

la valeur est un nombre quelconque. Une valeur de zéro devrait représenter le niveau minimum audible pour l’équipement et l’environnement sonore ambiant; une valeur de 100 devrait représenter le niveau maximum à l’aise sous les mêmes conditions. Une percentage valeur est calculée par rapport à l’élément parent, AOS paramètre de propriété de volume. Paramètres alternatifs comprennent les constantes suivantes (et leurs valeurs représentatives): silent (Sans son) | x-soft (0) | soft (25) | medium (50) | loud (75) | x-loud (100).

Valeur initiale medium

S’applique à tous les éléments.

white-space
IE 5 (Mac) / 5.5 (Win) NN 4 Moz tous Saf tous les opus tous les CSS 1

Héritée: Oui

Définit la façon dont le navigateur devrait rendre les espaces (espaces supplémentaires et des retours chariot) qui fait partie de l’élément, le code source AOS. Dans des circonstances normales, HTML ignore les espaces blancs supplémentaires et s’effondre donc le rendu du contenu dans un tel espace. Par exemple, seulement des espaces simples sont conservés entre les mots, et br éléments sont nécessaires pour forcer un saut de ligne dans un paragraphe. Un paramètre de propriété des espaces de pre traite les espaces comme si vous aviez entouré l’élément dans un pre élément. Bien que les navigateurs ont une tradition de rendre pre éléments dans une police monospace, le regard d’un élément ordinaire mis à white-space: pre conserve ses caractéristiques de police.

Syntaxe CSS

Valeur

Un des cinq constantes:

(Les deux derniers sont des extensions du pre valeur, de nouvelles CSS2.1) Une valeur de normal permet un traitement régulier des espaces pour HTML règle. Une valeur de nowrap (Non disponible dans le Navigator 4) indique au navigateur d’ignorer les sauts de ligne dans le texte source (dans le cas de l’auteur rompt les lignes pour la lisibilité de l’éditeur) et les casser sur la page que lorsque il ya des sauts de ligne explicites HTML (avec une br élément, par exemple). Une valeur de pre a l’honneur du navigateur tous les espaces saisis par l’auteur dans le contenu source, sans ajuster les paramètres de la police de l’élément.

Valeur initiale

normal

Exemple

S’applique à

Tous les éléments.

veuves
IE 5 (Mac) NN 6 Moz n / a n Saf / a Op. 7 CSS 2

Héritée: Oui

Définit le nombre minimum de lignes d’un paragraphe qui doit être visible en haut de la page après un saut de page se produit. Voir le orphans la propriété pour les lignes à afficher dans le bas d’une page avant un saut de page.

Syntaxe CSS

Valeur Un entier du nombre de lignes.

Valeur initiale 2

S’applique à éléments de type bloc.

Largeur
IE 4 NN 4 Moz tous Saf tous les opus tous les CSS 1

Héritée: Non

Définit la largeur d’un bloc, remplacé, et l’élément positionné, largeur du contenu AOS (exclusif des frontières, le remplissage et les marges).

IE pour Windows compte des marges de gauche et de droite, le rembourrage, et les frontières lorsqu’il calcule la longueur d’un élément jusqu’à IE 6 dans la compatibilité de normes de mode (voir le DOCTYPE élément dans le chapitre 1). En observant les normes CSS, la largeur ne s’applique qu’à la partie du contenu d’un élément, indépendamment des frontières, le rembourrage, ou des marges.

Syntaxe CSS

Valeur

Voir la discussion sur les valeurs de longueur au début de ce chapitre. Le réglage de la auto permet au navigateur de déterminer la largeur de la boîte d’élément repose sur la quantité d’espace nécessaire pour afficher le contenu dans le largeur de la fenêtre actuelle.

Valeur initiale

Exemple

S’applique à

Navigator 4, tous les éléments positionnés absolue; Internet Explorer 4, applet , div , embed , fieldset , hr , iframe , img , input , marquee , object , span , table , Et textarea éléments, Internet Explorer 5, Mozilla, Safari et Opera, tous les éléments sauf les éléments en ligne non remplacés, les éléments de colonne de table, et les éléments du groupe de colonnes.

Référence Object Model

Parole-break

mot-break
IE 5 (Win) NN n / a Moz tous Saf tous les opus tout n CSS / a

Héritée: Non

Contrôle le mot style de rupture pour les langues idéographiques ou le contenu qui mélange les langues latines et idéographiques.

Syntaxe CSS

Une des valeurs constantes suivantes:

.

Valeur initiale normal

Exemple div

S’applique à niveau bloc et la table d’éléments liés.

Référence Object Model

word-spacing
IE 4 (Mac) / 6 (Win) NN n / a Moz tous Saf tous les opus tous les CSS 1

Héritée: Oui

Définit l’espacement entre les mots lorsque le texte n’est pas sous word-spacing externes contraintes (par exemple, une align les biens mis à justify ). IE 5 pour Macintosh peuvent présenter de chevauchement des problèmes avec le mot-espacement des éléments imbriqués dans l’un étant contrôlé.

Syntaxe CSS

Valeur

Une valeur de la normale permet l’espacement des mots navigateur poignée selon ses calculs de rendu. Voir la discussion sur les valeurs de longueur au début de ce chapitre.

Valeur initiale normal

S’applique à tous les éléments.

Référence Object Model

word-wrap
IE 5.5 NN n / a n Moz / a Saf 1,3 / 2 Op. N / A N CSS / a

Héritée: Oui

Indique le style d’habillage de texte pour le bloc, en ligne spécifiquement entreprises, ou des éléments positionnés. Si un seul mot (ie, sans aucun espace) s’étend au-delà de la largeur de l’élément contenant la boîte, le comportement normal est d’étendre le contenu au-delà de la largeur du cadre normal, sans se rompre. Mais avec la valeur de break-word , Vous pouvez forcer le mot long à briser à n’importe quel position de caractère survient au bord de la boîte.

Syntaxe CSS

Une des valeurs constantes:

.

Valeur initiale normal

S’applique à niveau bloc, inline de taille, et des éléments positionnés.

Référence Object Model

Writing-mode

writing-mode
IE 5.5 NN n / a Moz tous Saf tous les opus tout n CSS / a

Héritée: Oui

Destiné principalement aux langues qui affichent des caractères dans des phrases verticales, ce contrôle de la progression de contenu, de gauche à droite, ou de droite à gauche.

Syntaxe CSS

Valeur

Une des valeurs constantes: lr-tb | tb-rl . Valeur de la tb-rl pouvez faire pivoter le texte de certaines langues par 90 degrés.

Valeur initiale

S’applique Tous les éléments.

Référence Object Model

z-index
IE 4 NN 4 Moz tous Saf tous les opus tous les CSS 2

Héritée: Non

Pour un élément positionné, cela fixe l’ordre d’empilement par rapport à d’autres éléments dans le conteneur même parent. Voir la section V en ligne pour plus de détails sur les relations de superposition des éléments au milieu de multiples récipients.

Syntaxe CSS

Valeur

Toute valeur entière. Une valeur de auto est le même comme une valeur de zéro. Lorsque tous les éléments dans le conteneur parent du même avoir la même z-index valeur, l’ordre d’empilement est déterminé par l’ordre du code source de l’élément.

Valeur initiale auto

Exemple

S’applique à des éléments positionnés.

Référence Object Model

Remarques

Mécanismes de rendu dans de nombreux navigateurs et versions de générer des contrôles de formulaire (boutons, zones de texte, et surtout select éléments), de telle façon qu’elles rendent toujours en face d’un élément positionné, indépendamment de z-index paramètre de propriété. Cela signifie qu’un élément positionné peut trouver un contrôle de formulaire à partir du flux de contenu régulières qui sort en face de l’élément positionné comme un menu déroulant. Il n’existe aucune solution pour cela, autre que pour régler la visibility des contrôles du formulaire (ou de son contenant formulaire) hidden tandis que l’élément positionné est visible. IE 7 résout ce problème.

zoom
IE 5.5 NN n / a n Moz / a n Saf / a n Op / a n CSS / a

Héritée: Non

Contrôle le grossissement de rendu du contenu. Ceci est particulièrement utile pour la sortie qui pourraient être affichées sur des écrans avec une densité de pixels très élevé. Voir

propriété dans le chapitre 2.

Syntaxe CSS

Valeur

L’agrandissement peut être notée comme un nombre à virgule flottante, un facteur d’échelle ( 1.0 est normal), ou un pourcentage ( 100% est normal).

Valeur initiale normal

Exemple

S’applique à tous les éléments.

Référence Object Model