Wie macht ihr Silbentrennung?
bearbeitet von OrlokHallo
> ~~~CSS
> q::before {
> content: "„";
> }
>
> q::after {
> content: "”";
> }
> ~~~
Die [Standardwerte](https://www.w3.org/TR/html5/rendering.html#non-replaced-elements-phrasing-content) für die `content`-Eigenschaft der Pseudoelemente `q::after` und `q::before` sind die Keywords `open-quote` und `close-quote`. Diese stehen für die Werte der `quotes`-Eigenschaft des `q`-Elements. Es genügt mithin, die Angaben dort zu machen:
~~~CSS
q {
quotes: '„' '“' '‚' '‘';
}
~~~
Wie in dem Beispiel oben zu sehen ist, können als Wert der `quotes`-Eigenschaft auch mehr als nur ein Paar Anführungszeichen angegeben werden, für den Fall, dass Elemente geschachtelt werden und dabei verschiedene Zeichen verwendet werden sollen.
Es ist regelmäßig auch sinnvoll, die Anführungszeichen abhängig von der Sprache zu definieren, was sich z.B. über die Pseudoklasse `:lang` bewerkstelligen lässt:
~~~CSS
:lang(de) {
quotes: '„' '“' '‚' '‘';
}
~~~
Viele Grüße,
Orlok
--
„Dance like it hurts.
Make love like you need money.
Work when people are watching.“ — Dogbert