<rendition>

<rendition> (rendition) supplies information about the rendition or appearance of one or more elements in the source text. [2.3.4 The Tagging Declaration]
Module header — The TEI Header
Attributes att.global (@xml:id, @n, @xml:lang, @xml:base, @xml:space) (att.global.rendition (@rend, @style, @rendition)) (att.global.linking (@corresp, @synch, @sameAs, @copyOf, @next, @prev, @exclude, @select)) (att.global.analytic (@ana)) (att.global.facs (@facs)) (att.global.change (@change)) (att.global.responsibility (@cert, @resp)) (att.global.source (@source)) att.styleDef (@scheme, @schemeVersion)
scope⚓ where CSS is used, provides a way of defining ‘pseudo-elements’, that is, styling rules applicable to specific sub-portions of an element.
Status Optional
Datatype teidata.enumerated
Sample values include:
first-line
styling applies to the first line of the target element
first-letter
styling applies to the first letter of the target element
before
styling should be applied immediately before the content of the target element
after
styling should be applied immediately after the content of the target element
selector⚓ contains a selector or series of selectors specifying the elements to which the contained style description applies, expressed in the language specified in the scheme attribute.
Status Optional
Datatype teidata.text
<rendition scheme="css"
 selector="text, front, back, body, div, p, ab">
display: block;
</rendition>
<rendition scheme="css"
 selector="*[rend*=italic]"> font-style: italic;
</rendition>
Note

Since the default value of the scheme attribute is assumed to be CSS, the default expectation for this attribute, in the absence of scheme, is that CSS selector syntax will be used.

While rendition is used to point from an element in the transcribed source to a rendition element in the header which describes how it appears, the selector attribute allows the encoder to point in the other direction: from a rendition in the header to a collection of elements which all share the same renditional features. In both cases, the intention is to record the appearance of the source text, not to prescribe any particular output rendering.
Contained by
header: tagsDecl
May contain
core: abbr address bibl biblStruct choice cit date desc distinct email emph expan foreign gloss hi label list listBibl measure measureGrp mentioned name num ptr q quote ref rs said soCalled stage term time title unit
dictionaries: lang
drama: camera caption castList move sound tech view
figures: table
header: biblFull idno
msdescription: catchwords depth dim dimensions height heraldry locus locusGrp material msDesc objectType origDate origPlace secFol signatures stamp watermark width
namesdates: addName affiliation bloc climate country district forename genName geo geogFeat geogName listEvent listNym listObject listOrg listPerson listPlace listRelation location nameLink objectName offset orgName persName persPronouns placeName population region roleName settlement state surname terrain trait
tagdocs: att classSpec code constraintSpec dataSpec eg egXML elementSpec gi ident listRef macroSpec moduleSpec outputRendition specGrp specGrpRef tag val
textcrit: listApp listWit
textstructure: floatingText
transcr: am ex subst
character data
Example
<tagsDecl>
 <rendition xml:id="r-center" scheme="css">text-align: center;</rendition>
 <rendition xml:id="r-small" scheme="css">font-size: small;</rendition>
 <rendition xml:id="r-large" scheme="css">font-size: large;</rendition>
 <rendition xml:id="initcaps"
  scope="first-letter" scheme="css">font-size: xx-large</rendition>
</tagsDecl>
Content model 
<content>
 <macroRef key="macro.limitedContent"/>
</content>
Schema Declaration 
<rng:element name="rendition">
 <rng:ref name="att.global.attributes"/>
 <rng:ref name="att.global.rendition.attributes"/>
 <rng:ref name="att.global.linking.attributes"/>
 <rng:ref name="att.global.analytic.attributes"/>
 <rng:ref name="att.global.facs.attributes"/>
 <rng:ref name="att.global.change.attributes"/>
 <rng:ref name="att.global.responsibility.attributes"/>
 <rng:ref name="att.global.source.attributes"/>
 <rng:ref name="att.styleDef.attributes"/>
 <rng:optional>
  <rng:attribute name="scope">
   <rng:ref name="teidata.enumerated"/>
  </rng:attribute>
 </rng:optional>
 <rng:optional>
  <rng:attribute name="selector">
   <rng:ref name="teidata.text"/>
  </rng:attribute>
 </rng:optional>
 <rng:ref name="macro.limitedContent"/>
</rng:element>
element rendition
{
   att.global.attributes,
   att.global.rendition.attributes,
   att.global.linking.attributes,
   att.global.analytic.attributes,
   att.global.facs.attributes,
   att.global.change.attributes,
   att.global.responsibility.attributes,
   att.global.source.attributes,
   att.styleDef.attributes,
   attribute scope { teidata.enumerated }?,
   attribute selector { teidata.text }?,
   macro.limitedContent
}