Skip to content

[css-content] what does 'quotes: auto' do? #10436

@frivoal

Description

@frivoal

In Webkit, when ::before { content: open-quote; } is used, if the computed value of quotes is auto, the quotation marks used are those that correspond to the language of the originating element (i.e. the parent of the ::before pseudo). (the same is true for the ::after or about close-quote)

In Blink and Firefox, the quotation marks used are those that correspond to the language of the parent of the originating element (i.e. the grand-parent of the ::before pseudo).

Which one do we want?

Important note: following the resolution of #5478, this does not affect the behavior of on the q element, because that element's behavior is driven by another value. So this would only be for elements where authors manually specify some-element::before { content: open-quote; } (and don't also use the value defined in #5478).

Given that new value, I'd be inclined to follow Safari here, to give authors a choice: I could reasonably see an author wanting to use a open-quote (or close-quote) on a blockquote element's ::before, or some other kind of pull quote, and wanting them to be based on the language of the element itself, rather than its parent.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions