Rends

Rend values can be used to define how an element is rendered on the webpage, for example aligning items to the left or right of a page, allowing text to flow around images or stating that a bit of text should be in italics or red. Some of the more common rends available for use with the OUCS webpages are listed below.

If there is a particular style you need on your pages that is not currently available, please contact webmaster@oucs.ox.ac.uk for help.

Rends for use with images: <figure rend="xxx">
border
places a border around the image.
centre
places then image in the middle of the line. Text breaks and runs above and below.
inline
image appears with the text on either side. Spacing for the line is decided by image height (which means there is space above the text if the image is higher than the text row)
pic-left
floats image to the left in your running text. Text does not break for image but continues to the right of (and under) it.
pic-right
floats image to the right in your running text. Text does not break for image but continues to the left of (and under) it.
spaceimage
adds space around an image. Text runs above and below image+ space.
wrap
image aligns to the left. Text breaks and continues to the right of image
Rends for use with tables: <table rend="xxx">, <row rend="xxx">, <cell rend="xxx">
label
used for cell or row to show they contain labels rather than data.
Note: <row rend=”label”> makes the background light blue whereas <row role=”label"> makes the background grey and the text white and centred
centretext
to make text in a row centred in each cell
green
used for cell to add background colour
red
used for cell to add background colour
yellow
used for cell to add background colour
blue
used for cell to add background colour
Rends for use with lists: <list rend="xxx">
lower-alpha
for ordered list. List items numbered a, b, c etc
lower-roman
for ordered list. List items numbered i, ii, iii etc
upper-alpha
for ordered list. List items numbered A, B, C etc
upper-roman
for ordered list. List items numbered I, II, III, IV etc
no-bullets
List items appear without bullets before them
Rends for use with a block of text: <p rend="xxx"> or <div rend="xxx>
centre
centres text
centretext
centres text
important
text is bold, red
wrap
Used to wrap text around images
green
green text
red
red text
Rends to use with highlighted text: <hi rend="xxx">
bold
makes text bold
italic
makes text italic
small
makes text smaller in size
sup
makes text appear as superscript
sub
makes text appear as subscript
important
makes text red and bold
code
makes text appear in bold courier font
red
makes text red
green
makes text green
Other rends
nosplit
Unusually this is only applied to the TEI.2 element. Used to prevent your document from spliting on the major divs when it is displayed on the web. Very useful if you have lots of small divs that would look odd on their own pages.
new
Used on links when you want the link to open a new window.

Up: Contents Next: Special Characters