Wie man Effekte hinzufügen CSS3 Text
Eine CSS3-Website kann die Verwendung von neuen Texteffekten, zusätzlich zu einfachen Textdekorationen machen. Natürlich ist der Kompromiss, dass Sie wissen müssen, dass der Betrachter die erforderliche Unterstützung.
Einige Texteffekte sind Teil der Spezifikation, aber so bleiben weit wird nicht von jedem Browser - diese Einträge sind als solche gekennzeichnet. Die folgende Liste beschreibt die spezielle Texteffekte, die Sie mit CSS3 erstellen können.
Hänge-Interpunktion (Derzeit nicht unterstützt): Gibt an, ob Interpunktion an den Anfang oder das Ende einer Textzeile angezeigt werden können, wenn der Text anders gewickelt werden müssten. Die zulässigen Werte sind
none: Die Satzzeichen können nicht außerhalb der Box erscheinen.
zuerst: Interpunktion kann außerhalb der Box auf der ersten Zeile angezeigt.
zuletzt: Interpunktion kann auf der Außenseite der Box auf der letzten Zeile angezeigt.
allow-Ende: Interpunktion kann außerhalb der Box auf jeder Linie, wenn die Interpunktion würde normalerweise nicht fit erscheinen, nachdem der Text gerechtfertigt ist.
Kraft-end: Interpunktion außerhalb der Box auf jeder Zeile angezeigt werden kann. Wenn die Linie ausgerichtet ist, wird der Browser die Zeichensetzung zwingen, über den Tellerrand zu landen.
Interpunktion-Trimm (Derzeit nicht unterstützt): Gibt an, ob Interpunktion getrimmt wird, wenn er sich außerhalb des Beginn des Endes einer Textzeile angezeigt, wenn der Text nicht anderweitig eingewickelt werden müssten. Die zulässigen Werte sind
none: Die Interpunktion wird nicht getrimmt.
zuerst: Trim hängende Interpunktion in der ersten Zeile.
zuletzt: Schneiden Sie in der letzten Zeile jede hängende Interpunktion.
allow-Ende: Schneiden Sie die Zeichensetzung auf jeder Linie, wo es nicht passen würde, nachdem die Linie gerechtfertigt ist.
angrenzend: einige Arten von Interpunktion Trim, die am Anfang, in der Mitte oder am Ende einer Zeile erscheint, wenn die Interpunktion zu einem vollen Breite Charakter als nächstes erscheint.
text-align-last (Derzeit nicht unterstützt): Beschreibt, wie die letzte Textzeile auszurichten, wenn der Absatz auf einer berechtigten Marge beruht. Zulässige Werte sind:
auto: Stützt sich auf den Wert der Eigenschaft text-align.
Start: Ausgerichtet an den Anfang der Zeile, die den Text von der Richtung abhängt, wird angelegt (links, nach rechts oder von rechts, nach links).
Ende: Abgestimmt auf das Ende der Zeile, die den Text von der Richtung abhängt, wird angelegt (links, nach rechts oder von rechts, nach links).
links: Immer auf der linken Seite des Kastens (unabhängig von der Textrichtung) ausgerichtet ist.
rechts: Immer auf der rechten Seite des Kastens (unabhängig von der Textrichtung) ausgerichtet ist.
Mitte: Die Inhalte werden im Textfeld zentriert.
rechtfertigen: Kontext werden im Textfeld gerechtfertigt.
text-Schwerpunkt (Derzeit nicht unterstützt): Setzt die Text-Emphasis-Stil und Text-Emphasis-Farbe Eigenschaften in einem einzigen Anruf.
text rechtfertigen (Nur Internet Explorer): Bestimmt die Ausrichtung und Abstand von Text, der als markiert wurde gerechtfertigt (Wobei die rechte und linke Seite des Textes selbst, anstatt gezackten). Die zulässigen Werte sind
Auto: Der Browser bestimmt das Verfahren, in dem Text gerechtfertigt ist.
Inter-Wort: Wortabstand wird verwendet, um den Text zu rechtfertigen.
Inter-ideograph: Symbolabstand um den Text zu rechtfertigen ist (sind Leerzeichen zwischen den Wörtern nicht gezählt). Diese Einstellung wird in der Regel mit den Double-Byte-Zeichensätze (DBCS) verwendet, mit Sprachen verwendet wird, die auf andere Zeichen setzen als von Roman-Alphabet Sprachen wie Englisch verwendet.
Inter-Cluster: Nur Text, der von Natur aus Leerzeichen (in einer asiatischen Sprache geschrieben, wie Material) fehlt, ist gerechtfertigt.
verteilen: Begründung folgt dem Modell von Zeitungen verwendet, mit der Ausnahme, dass die letzte Zeile nicht gerechtfertigt ist, wenn sie mit ostasiatische Sprachen wie Thai arbeiten.
Kashida: Begründung wird durch Verlängern einzelner Zeichen erreicht.
trimmen: Begründung wird erreicht, indem die Menge von Leerzeichen zwischen den Buchstaben zu verkürzen.
none: Deaktivieren Sie jede Form der Rechtfertigung.
Text-outline (Derzeit nicht unterstützt): Erstellt eine Übersicht, die die Konturen des Zielzeichen folgt. Die Eigenschaft unterstützt drei Werte:
Dicke: Die Breite der Kontur.
verschwimmen: Der Radius der Kontur.
Farbe: Die Farbe verwendet, um die Kontur zu erstellen.
Text-ÜberlaufDefiniert die Aktion, die stattfinden wird, wenn der Text das Feld überläuft verwendet, sie enthalten:. Die zulässigen Werte sind
Clip: Entfernt alle zusätzlichen Text.
Auslassungszeichen: Zeigt ein Auslassungszeichen zu zeigen, gibt es zusätzlichen Text.
SchnurZeigt die angegebene String-Wert zu zeigen, gibt es Zusatztext:.
text-shadowZeigt ein Schatten der Ziel Zeichen an der gleichen Breite wie die Zielzeichen. Die Positionierung, Stärke und Farbe des Schattens sind durch die folgenden Eigenschaften bestimmt:
h-Schatten: Bestimmt die horizontale Positionierung des Schattens.
v-Schatten: Bestimmt die vertikale Positionierung des Schattens.
Blur: Gibt die Klarheit des Schatten Text. einen Wert von 0 bedeutet, dass unter Verwendung der Schatten Text der gleichen Klarheit wie der ursprüngliche Text hat.
Farbe: Legt die Farbe verwendet, um die Kontur zu erstellen.
Textumbruch (Derzeit nicht unterstützt): Legt fest, wie der Text innerhalb des enthaltenden Box verpackt wird. Die zulässigen Werte sind
none: Der Text läuft in die Box enthält, wenn es zu lang ist.
normal: Der Text wird zwischen den Wörtern oder anderen weißen Raum gebrochen.
uneingeschränkt: Text wird zwischen zwei beliebigen Zeichen gebrochen.
unterdrücken: Der Browser kann nur Linien zu brechen, wenn es keine anderen gültigen Stellen sind eine Linie innerhalb des Absatzes zu brechen. Die Spezifikation ist unklar, wo der Bruch stattfinden wird, aber die Annahme ist, dass es zwischen den Wörtern oder in einem anderen weißen Raum auftreten.
Wort-Pause (Kein Opera-Unterstützung): Legt fest, wie Text innerhalb einer enthaltenden Box verpackt wird, wenn sie mit einem Nicht-CJK (Chinesisch-Japanisch-Koreanisch) Sprache arbeiten. Die zulässigen Werte sind
normal: Brechen Sie den Text des Browsers Standardregeln, die zwischen den Wörtern oder anderen weißen Raum, der normalerweise bedeutet.
break-all: den Text zwischen zwei beliebigen Zeichen brechen.
Silbentrennung: Brechen Sie den Text auf natürliche Trennstellen zwischen Worten oder in einem anderen weißen Raum.
Zeilenumbruch: Legt fest, wie Text gebrochen wird und dann in einem Aufnahmekasten in die nächste Zeile umgebrochen, wenn sie mit einem Nicht-CJK Sprache arbeiten. Die zulässigen Werte sind
Normal: Break Worte des Browsers Standardregeln, die auf natürliche Trennstellen normalerweise bedeutet.
break-word: Lassen Sie Brechen von Wörtern, die normalerweise nicht Brechen ermöglichen.