Add CSS to Google Docs

May 2nd, 2008 · 1 Comment · google

So, here is another new feature on Google Docs, for those who wants to do things in “style”. You can now add CSS styles to your docs on Google Docs. Before we go any further, here is a quick explanation of what CSS is, in case you do not know what it is.

CSS is used to help readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content. ( Wikipedia )

Now, here is what you can do with CSS, on google docs ( just few examples ok ? )

1 Add Image CSS on Google Docs

2 Add Watermark

3 Repeating backgrounds

4 Styled headers

5 Styled Quotes

6 Images Borders

7 Styled Bullets

Need help on how to do all these ? Go here

There are a few limitations for this feature at the moment.

- In this initial launch of CSS, we won’t be allowing external image URLs to be used with CSS in Docs. However, you can still utilize images by uploading them and using the Docs image URL instead. There are instructions about this in the first example below.

“Edit CSS” is not supported offline (with Gears) yet.

Images (specified through styles) are not propagated through Export as PDF/Print yet.

News Source

1 response so far ↓

1 Ruhi // May 2, 2008 at 11:21 pm

I don’t know why I would want to use CSS with Docs…it’s good like this. I’ve been trying to use the offline feature of Docs; it has a lot of loopholes though. Not working seamlessly.