General XMetaL Discussion

XMetaL Community Forum General XMetaL Discussion Decorating CSS Content

  • Nicolas DEBEAUPTE

    Decorating CSS Content

    Participants 1
    Replies 2
    Last Activity 12 years, 11 months ago

    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 to ).
    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.

    Reply

    Derek Read

    Reply to: Decorating CSS Content

    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).

    Reply

    Xtreme

    Reply to: Decorating CSS Content

    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;
    }

    Reply

  • You must be logged in to reply to this topic.

Lost Your Password?

Products
Downloads
Support