Comment ajouter CSS3 effets de texte

Un site de CSS3 peut faire usage de nouveaux effets de texte, en plus de simples décorations de texte. Bien sûr, le compromis est que vous devez savoir que le spectateur a le soutien nécessaire.

Quelques effets de texte font partie de la spécification, mais jusqu'ici restent étayée par aucun navigateur - ces entrées sont marqués comme tels. La liste suivante décrit les effets spéciaux de texte que vous pouvez créer en utilisant CSS3.

  • Suspension de la ponctuation (non supporté actuellement): Indique si la ponctuation peut apparaître à l'extérieur le début ou la fin d'une ligne de texte lorsque le texte serait contraire besoin d'être enveloppé. Les valeurs acceptables sont

  • none: La ponctuation ne peut pas apparaître en dehors de la boîte.

  • première: ponctuation peut apparaître en dehors de la boîte sur la première ligne.

  • dernière: ponctuation peut apparaître à l'extérieur de la boîte sur la dernière ligne.

  • permettra-end: ponctuation peut apparaître en dehors de la boîte sur une ligne si la ponctuation ne serait pas normalement en forme après le texte est justifié.

  • vigueur fin: ponctuation peut apparaître en dehors de la boîte sur toute la ligne. Si la ligne est justifiée, le navigateur va forcer la ponctuation d'atterrir en dehors de la boîte.

  • la ponctuation-trim (non supporté actuellement): Indique si la ponctuation est coupé quand il apparaît à l'extérieur le début de la fin d'une ligne de texte lorsque le texte serait contraire besoin d'être enveloppé. Les valeurs acceptables sont

    • none: La ponctuation est pas coupé.

    • première: Coupez toute ponctuation accroché sur la première ligne.

    • dernière: Coupez toute ponctuation accroché sur la dernière ligne.

    • permettra-end: Coupez la ponctuation sur une ligne où il ne serait pas en forme après la ligne est justifiée.

    • adjacente: Coupez certains types de ponctuation qui apparaît au début, au milieu ou à la fin d'une ligne lorsque la ponctuation apparaît à côté d'un caractère pleine largeur.

    • text-align-last (non supporté actuellement): Décrit comment aligner la dernière ligne du texte lorsque le paragraphe repose sur une marge justifiée. Les valeurs acceptables sont:

      • Auto: repose sur la valeur de la propriété text-align.

      • commencer: Aligné au début de la ligne, qui dépend de la direction que le texte est disposé (à gauche; à droite ou de droite; à gauche).

      • fin: Aligné à la fin de la ligne, qui dépend de la direction que le texte est disposé (à gauche; à droite ou de droite; à gauche).

      • gauche: toujours aligné sur le côté gauche de la boîte (indépendamment de la direction du texte).




      • droite: Toujours aligné sur le côté droit de la boîte (indépendamment de la direction du texte).

      • Centre: matières sont centrés dans la boîte de texte.

      • justifier: Contexte sont justifiés au sein de la zone de texte.

      • texte désaccentuation (non supporté actuellement): Définit le texte accent de style et text-accent-couleur propriétés en un seul appel.

      • text-justify (Internet Explorer uniquement): Détermine l'alignement et l'espacement du texte qui a été marqué comme justifiée (où le côté droit et gauche du texte sont encore, plutôt que déchiquetée). Les valeurs acceptables sont

        • Auto: Le navigateur détermine la méthode dans laquelle le texte est justifié.

        • inter-mot: l'espacement Word est utilisé pour justifier le texte.

        • inter-idéogramme: espacement Symbole est utilisée pour justifier le texte (espaces entre les mots ne sont pas comptés). Ce paramètre est normalement utilisé avec les jeux de caractères à deux octets (DBCS) utilisés avec les langues qui comptent sur des caractères autres que ceux utilisés par les langues alphabet romain comme l'anglais.

        • inter-cluster: Seulement texte qui manque naturellement blancs (tels que des documents écrits dans une langue asiatique) est justifiée.

        • distribuer: Justification suit le modèle utilisé par les journaux, sauf que la dernière ligne ne se justifie pas lorsque l'on travaille avec les langues asiatiques telles que le thaï.

        • kashida: Justification est accompli en allongeant caractères individuels.

        • Version: Justification est accompli par le raccourcissement de la quantité d'espace entre les lettres.

        • none: Désactiver toute forme de justification.

        • texte-outline (non supporté actuellement): Crée un aperçu qui suit les contours du personnage cible. La propriété prend en charge trois valeurs:

          • épaisseur: La largeur du contour.

          • Flou: Le rayon du contour.

          • Couleur: La couleur utilisée pour créer le contour.

          • text-overflow: Définit l'action qui aura lieu lorsque le texte déborde de la boîte utilisée pour la contenir. Les valeurs acceptables sont

            • clip: Supprime tout texte supplémentaire.

            • points de suspension: Affiche une ellipse pour montrer qu'il ya du texte supplémentaire.

            • Chaîne: Affiche la valeur de chaîne spécifiée pour montrer qu'il ya du texte supplémentaire.

            • text-shadow: Affiche une ombre des personnages cibles à la même largeur que le caractère cible. Le positionnement, la force, et la couleur de l'ombre sont déterminées par les propriétés suivantes:

              • h-ombre: Détermine le positionnement horizontal de l'ombre.

              • v-ombre: Détermine le positionnement vertical de l'ombre.

              • flou: Indique la clarté du texte de l'ombre. En utilisant une valeur de 0 signifie que le texte de l'ombre a la même clarté que le texte original.

              • couleur: Définit la couleur utilisée pour créer le contour.

              • text-wrap (non supporté actuellement): Détermine comment le texte est enveloppé dans la boîte contenant. Les valeurs acceptables sont

                • none: Le texte déborde de la boîte contenant quand il est trop long.

                • normale: Le texte est divisé entre les mots ou autre espace blanc.

                • sans restriction: Le texte est divisé entre deux caractères.

                • supprimer: Le navigateur ne peut briser les lignes si il n'y a pas d'autres endroits valides pour briser une ligne dans le paragraphe. La spécification est difficile de savoir où la rupture aura lieu, mais l'hypothèse est que cela se produira entre les mots ou dans un autre espace blanc.

                • mot-break (pas de support de l'Opéra): Détermine comment le texte est enveloppé dans une boîte contenant lorsque vous travaillez avec une langue non CJK (chinois-japonais-coréen). Les valeurs acceptables sont

                  • normale: Briser le texte en utilisant les règles standard du navigateur, ce qui signifie normalement entre les mots ou autre espace blanc.

                  • break-tout: Casser le texte entre deux caractères.

                  • césure: Casser le texte à des points de césure naturelles, entre les mots, ou dans un autre espace blanc.

                  • word-wrap: Détermine comment le texte est cassé et ensuite enveloppé à la ligne suivante dans une boîte contenant lorsque vous travaillez avec une langue non CJK. Les valeurs acceptables sont

                    • normale: Pause mots en utilisant les règles standard du navigateur, ce qui signifie normalement à des points de césure naturelles.

                    • break-word: Autoriser rupture de mots qui ne permettent pas normalement rupture.