The [TEI Boilerplate Template](../content/teibp.xml) ([teibp.xml](../content/teibp.xml)) is pre-populated with a number of rendition styles for use in describing styles encountered in source documents or expressing style information in born-digital TEI documents.
The following tagsDecl element is included in the teiHeader of the TEI Boilerplate template:
font-weight:bold;
font-style:italic;
text-decoration:underline;
font-weight:normal;
text-decoration:none;
font-style:normal;
font-family:Monaco,Courier,monospace;
vertical-align:super;
font-size:80%;
vertical-align:sub;
font-size:80%;
text-transform:lowercase;
text-transform:uppercase;
text-transform:capitalize;
font-variant:small-caps;
display:block;
display:block;
font-size:90%;
margin-left:3em;
padding-left:1em;
border-left: 1px solid gray;
margin-top:.75em;
margin-bottom:.75em;
padding-top:.75em;
padding-bottom:.75em;
content:"" !important;
content:"" !important;
display: block;
font-size: 80%;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid gray;
margin-top: .75em;
margin-bottom: .75em;
padding-top: .75em;
padding-bottom: .75em;
font-family:Monaco,Courier,monospace;
white-space:pre;
display:inline;
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
text-align:left;
text-align:right;
text-align:justify;
display:block;
margin-left:auto;
margin-right:auto;
display:block;
padding-left:2.5em;
text-indent:-2.5em;
display:block;
padding-left:4em;
text-indent:-2em;
display:block;
padding-left:6em;
text-indent:-2em;
display:block;
padding-left:8em;
text-indent:-2em;
display:block;
padding-left:10em;
text-indent:-2em;
display:block;
padding-left:12em;
text-indent:-2em;
display:block;
padding-left:14em;
text-indent:-2em;
display:block;
padding-left:16em;
text-indent:-2em;
display:block;
padding-left:18em;
text-indent:-2em;
/* text-indent:4em; */
/* The above method of describing an indentation for, say, a paragraph is
preferred. The method being used is in response to a bug in some browsers
whereby a block element, like a paragraph, is erroneously re-indented
after interruption by another block element (like a list, which is valid,
in TEI, inside a paragraph). */
content:"\A0\A0\A0\A0\A0\A0";
font-size:90%;
font-size:85%;
font-size:80%;
font-size:110%;
font-size:115%;
font-size:120%;
content:"<";
content:">";
These rendition styles are transformed into CSS declarations in TEI Boilerplate's HTML5 that surrounds the TEI document. Below are the CSS declarations derived from the TEI rendition elements:
With this rendition infrastructure, one simply needs to use the global rendition attribute to reference these styles. For instance, if one wants to make a heading large, bold, and centered one could use the following code:
My Big Bold Centered Head