Decorating CSS Content

[Nicolas DEBEAUPTE]

Hi,

I am trying to evaluate if XMetal can meet my needs and have some questions to ask.

The context is edition of XML file describing technical documentation.

A document is compound with 6 mandatory sections.

Each section is bound to an xml tag  (let's say <Section0> to <Section5>).
Of course each section has a content (chapter, table, ...).

Each section has a title not mentionned in the XML
for eg : Section0 is "0 - GENERALITES - CARACTERISTIQUES" (in french!).

I saw that i can use the css style :

section0:before {
   content : "0 - GENERALITES - CARACTERISTIQUES";
}

it works fine. but how can i decorate this text (bigger colored bolded police, centered text, ...) ?

Counting on your help, thanks for your answers.

Nicolas DEBEAUPTE.

[Derek Read]

You can do this type of thing:

section0:before {
   content: "0 - GENERALITES - CARACTERISTIQUES";
   font-family: "Courier New";
   font-size: 2em;
   color: #00F;
   display: block;
   border: 1px solid red;
}

That styling is separate from the associated selector (section0 by itself).

[Xtreme]

You can also create different styles for a Sections in a Section, for example a different text-size:

section0>section:before{
   content: "0 - GENERALITES - CARACTERISTIQUES";
   font-family: "Courier New";
   font-size: 1.5em;
   color: #00F;
   display: block;
   border: 1px solid red;
}