QWeb Style Sheets

Display Types

anchor

An anchor is an inline text element that associates a single position in the rendered document with a symbolic name.

base

The base element has no content. Its only purpose is to set a different base URL for the current document.

block

The block element contains a series of inline elements (text, images, widgets). There is a line break before and after this display type.

form

A form is like a block element, but it understands how to submit the values of its inlined children. Each of the form-* display types is only useful if they are contained within a form. There is a line break before and after this element.

form-button

A form-button is a pushbutton widget that can contribute a name/value pair when a form is submitted.

form-checkbox

A form-checkbox is a check box widget that can contribute a name/value pair when a form is submitted.

form-entry

A form-entry is a single-line entry field widget that can contribute a name/value pair when a form is submitted.

form-hidden

A form-hidden is (surprise) not displayed in the rendered document. It merely contributes its given name/value pair when the form is submitted.

form-image

A form-image displays a clickable image. When the image is clicked, it contributes a name/value pair for the x and y coordinates of the mouse click.

form-listbox

A form listbox is a list box widget that can contribute a name/value pair when a form is submitted. This element can contain a list of form-options that make of the list items.

form-mle

A form-mle is a text area widget that can contribute a name/value pair when a form is submitted. The text contained in this element is used as the initial value for the text area.

form-option

A form-option is an item in a form-listbox or a form-option-menu. The text contained in this element is displayed in the list box or option menu.

form-option-menu

A form-option-menu is a Motif-style combo box widget that can contribute a name/value pair when a form is submitted. This element can contain a list of form-options that make of the list items.

form-radio

A form-radio is a radio button widget that can contribute a name/value pair when a form is submitted. These elements can be grouped in mutaully exclusive sets by giving them the same name.

hline

A hline is a horizontal dividing line that spans the width of the page.

hyperlink

A hyperlink is an inline text element that creates a clickable mouse zone over the enclosed text. Clicking over the hyperlinked text loads a new document into the browser.

image

An image displays an inlined image. The image may be used as a server-side image map.

inline

An inline element can contain text and other inlined elements. This display type is used to change text color and font.

table

A table contains a list of table-rows, and will format them to fit the page size and cell content.

table-data

The table-data display type is a single cell within a table-row. A single table-data may span multiple rows and/or columns.

table-row

The table-row contains a list of table-datas as cells.

title

The title element contains the text that will be displayed in the browser's title bar. This text does not appear in the rendered document.

Attributes

alignment

The alignment attribute specifies how inlined elements are aligned within each line. Possible values are left, right, and center. This attribute is inherited.

anchor-attr

The anchor-attr attribute gives the name of the SGML tag attribute that contains the symbolic anchor name.

action-attr

The action-attr gives the name of the SGML tag attribute that contains the URL used in a form submission.

cell-padding

The cell-padding attribute specifies the amount of space, in pixels, that surrounds each cell in a table.

checked-attr

The checked-attr attribute gives the name of the SGML tag attribute that tells whether a check box or radio button should be checked initially. The presence of that SGML tag attribute within the document indicates that the box should be checked initially.

color

This attribute specifies the color used to draw text. The color name can be any valid X11 color name.

columns-attr

This attribute gives the name of the SGML tag attribute that contains the width, in characters, of a form-mle.

column-span-attr

This attribute gives the name of the SGML tag attribute that contains the number of table columns that are spanned by a table-data.

font-family

This attribute specifies the name of the font to be used for drawing text.

font-size

This attribute specifies the size, in points, of the font for drawing text.

font-style

This attribute controls whether the font is italic. Possible values are normal and italic.

font-weight

This attribute controls whether the font is bold. Possible values are normal and bold.

height-attr

This attribute gives the name of the SGML tag attribute that specifies the height, in pixels, of an inlined image.

link-attr

This attribute gives the name of the SGML tag attribute that contains the URL for a hyperlink.

is-map-attr

This attribute gives the name of the SGML tag attribute that specifies whether an image is a server-side image map. The presence of this SGML tag attribute indicates that the image is a server-side image map.

color

The presence of this attribute in the style sheet indicates that the form-entry should act as a password entry. All characters will be displayed as asterisks.

is-reset

The presence of this attribute in the style sheet indicates that the form-button should reset the values of all of the form widgets to their initial values, when pressed.

is-submit

The presence of this attribute in the style sheet indicates that the form-button should submit the form when pressed.

margin-bottom

This attribute specifies the minimum space, in pixels, that must appear below a block element. The actual distance may be larger depending on the element follows it in the document instance.

margin-left

This attribute specifies the space, in pixels, to the left of a block element. As block elements are nested, the space accumulates.

margin-right

This attribute specifies the space, in pixels, to the right of a block element. As block elements are nested, the space accumulates.

margin-top

This attribute specifies the minimum space, in pixels, that must appear above a block element. The actual distance may be larger depending on the element precedes it in the document instance.

max-length-attr

This attribute gives the name of the SGML tag attribute that specifies the maximum length, in characters, of the text in a form-entry.

method-attr

This attribute gives the name of the SGML tag attribute that specifies the submission method for a form.

multiple-attr

This attribute gives the name of the SGML tag attribute that specifies whether a form-listbox can have multiple items selected within it. The presenece of this SGML tag attribute within the document indicates that the form-listbox can have multiple selections.

name-attr

This attribute gives the name of the SGML tag attribute that specifies the name of a form widget. This is the name that is used when submitting form values. It is also the name used for grouping form-radios into mutually exclusive sets.

prefix

This attribute specifies the type of prefix for a block element. Possible values are none, bullet, and number.

row-span-attr

This attribute gives the name of the SGML tag attribute that contains the number of table rows that are spanned by a table-data.

rows-attr

This attribute gives the name of the SGML tag attribute that contains the height, in characters, of a form-mle.

selected-attr

The selected-attr attribute gives the name of the SGML tag attribute that tells whether a form-option within a form-listbox or form-option-menu should be selected initially. The presence of that SGML tag attribute within the document indicates that the item should be selected initially.

size-attr

This attribute gives the name of the SGML tag attribute that specifies the width, in characters, of a form-entry or the number of items to display in a form-listbox.

source-attr

This attribute gives the name of the SGML tag attribute that specifies the data URL for an inlined image.

text-decoration

This attribute controls whether the font is underlined. Possible values are normal and underline.

use-map-attr

This attribute gives the name of the SGML tag attribute that specifies the name of a client-side image map.

value-attr

This attribute gives the name of the SGML tag attribute that specifies a value to be submitted with a form.

white-space

This attribute controls whether white space in text is preserved or condensed. Possible values are normal and pre. With normal text multiple spaces are compressed to one, and words are automatically wrapped at the end of lines. With preformatted text all white space, including line breaks, are preserved. Alignment styles are not applied to preformatted text.

width-attr

This attribute gives the name of the SGML tag attribute that specifies the width, in pixels, of an inlined image.
Sean Vyain
Last modified: Sun Aug 10 18:13:54 EST 1997