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
stack:

div::before {
    height: 4em;
    width: 12em;
    display: block;
    content: ' ';
    background-image: url(http://www.yubnub.org/images/yubnub.png);
    background-size: contain;
    background-repeat: no-repeat;
}



On Wed, Aug 7, 2013 at 1:05 PM, Julee Burdekin <jburdeki@adobe.com> wrote:

> Hi, Rishabh:
>
> Do you maybe have some time to help Wendy out with the examples for the
> content property?
>
> Thanks.
>
> Julee
> ----------------------------
> julee@adobe.com
> @adobejulee
>
> From: Wen M <wendymoltrup@gmail.com>
> Date: Monday, August 5, 2013 9:47 PM
> To: WebPlatform Public List <public-webplatform@w3.org>
> Subject: CSS Content Property Page
> Resent-From: WebPlatform Public List <public-webplatform@w3.org>
> 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 wjinca@gmail.com if you are interested in joining us.
>
> Wendy
>