Author: abogachuk Date: 2010-03-24 11:12:44 -0400 (Wed, 24 Mar 2010) New Revision: 21005 Modified: trunk/jsf/docs/userguide/en-US/css_perspective.xml Log: https://jira.jboss.org/jira/browse/JBDS-1178 - Descriptions of "Edited Properties" and "Boxes" tab are updated; the obsolete figures are updated. Modified: trunk/jsf/docs/userguide/en-US/css_perspective.xml =================================================================== --- trunk/jsf/docs/userguide/en-US/css_perspective.xml 2010-03-24 14:33:44 UTC (rev 21004) +++ trunk/jsf/docs/userguide/en-US/css_perspective.xml 2010-03-24 15:12:44 UTC (rev 21005) @@ -9,7 +9,11 @@ </keywordset> </chapterinfo> <title>CSS Editing Perspective</title> - <para>In this chapter we will discuss CSS Editing Perspective views, more information about style sheets can be found in <link linkend="pages_styling">Page Styling section</link> of Editor chapter</para> + <para>In this chapter we will discuss CSS Editing Perspective views, + more information about style sheets can be found in + <link linkend="pages_styling">Page Styling section</link> + of Editor chapter. + </para> <para>The CSS Editing Perspective combines a set of views which allow you to see the structure of your css files,edit them and see the results. To use this perspective you need to choose <emphasis><property>Window >Open Perspective> CSS Editing </property></emphasis> @@ -134,7 +138,8 @@ <itemizedlist> <listitem> - <para id="text_font">CSS Text/Font properties define the appearance of text,its font family, boldness, size, and the style. + <para id="text_font">CSS Text/Font properties define the appearance of text, + its font family, boldness, size and the style. </para> <figure> <title>Text/Font tab</title> @@ -144,14 +149,16 @@ </imageobject> </mediaobject> </figure> - <para>For example, to define the "<emphasis><property>font-family</property></emphasis>" property you should click <emphasis><property>Choose font family</property></emphasis> button( <inlinemediaobject> + <para>For example, to define the "<emphasis><property>font-family</property></emphasis>" + property you should click <emphasis><property>Choose font family</property></emphasis> + button( <inlinemediaobject> <imageobject> <imagedata fileref="images/css_perspective/cssEditor7.png"/> </imageobject> </inlinemediaobject>) near <emphasis><property>Font Family</property></emphasis> text field and select the fonts you want to use from the list.</para> <figure> - <title>CSS Text/Font tab</title> + <title>Choose font family</title> <mediaobject> <imageobject> <imagedata fileref="images/css_perspective/cssEditor6.png"/> @@ -170,8 +177,9 @@ You should use CSS background properties and <emphasis><property>Background</property></emphasis> tab to define the background effects of an element. </para> - <para id="boxes"><emphasis><property>Boxes</property></emphasis> tab is used to define CSS border properties and the box model. - The CSS border properties allow you to specify the style and color of an element's border. + <para id="boxes"><emphasis><property>Boxes</property></emphasis> tab is used to define CSS border properties, + the box model and dimensions. The CSS border properties allow you to specify the style + and color of an element's border. </para> <para>As well as in Text/Font tab, it's also possible to define the property in two ways:</para> <itemizedlist> @@ -206,16 +214,18 @@ </figure> </listitem> <listitem> - <para id="edited_properties"><emphasis><property>Edited Properties</property></emphasis> tab contains only the properties,defined in the selector.</para> + <para id="edited_properties"><emphasis><property>Edited Properties</property></emphasis> tab contains only "overflow-y" property, + which determines clipping of the element's content at the top and bottom edges. + </para> <figure> - <title>Property Sheet tab</title> + <title>Edited Properties tab</title> <mediaobject> <imageobject> <imagedata fileref="images/css_perspective/cssEditor11.png"/> </imageobject> </mediaobject> </figure> - <para>It's also possible to edit the properties in the tab.</para> + <para>It's also possible to edit the properties in the tab.</para> </listitem> </itemizedlist> </section> @@ -224,7 +234,7 @@ <title>CSS Preview</title> <para>Using CSS Preview you can see how a selector affects any text.</para> <figure> - <title>Property Sheet tab</title> + <title>CSS Preview</title> <mediaobject> <imageobject> <imagedata fileref="images/css_perspective/cssEditor12.png"/>