Re: CSS Content Property Page

One trick I'd pass along is an alternative to inserting graphic content
directly, which displays in-line by default. If you set the dimensions of
the ::before/::after area and activate it with some non-displaying text,
you can implement a background image instead, which offers more control. In
this case, display:block overrides the default in-line, and makes the image

div::before {
    height: 4em;
    width: 12em;
    display: block;
    content: ' ';
    background-image: url(;
    background-size: contain;
    background-repeat: no-repeat;

On Wed, Aug 7, 2013 at 1:05 PM, Julee Burdekin <> wrote:

> Hi, Rishabh:
> Do you maybe have some time to help Wendy out with the examples for the
> content property?
> Thanks.
> Julee
> ----------------------------
> @adobejulee
> From: Wen M <>
> Date: Monday, August 5, 2013 9:47 PM
> To: WebPlatform Public List <>
> Subject: CSS Content Property Page
> Resent-From: WebPlatform Public List <>
> Resent-Date: Monday, August 5, 2013 9:48 PM
> I am adding to the CSS content property page. I found a some useful
> examples online, but if anyone has an example to share, that would be
> helpful.
> Also, if anyone on the mailing list lives in the Los Angeles area, I am
> the Education Coordinator of a new Meetup group in Burbank. We are just
> getting started, but working together on webplatform pages will be
> (hopefully) one of our projects.
> Just e-mail me at if you are interested in joining us.
> Wendy

Received on Wednesday, 7 August 2013 17:53:24 UTC