Cue properties

The cue properties may be specified as cue-before and cue-after or as shorthand for both, the cue property.

The properties cue-before and cue-after specify whether there will be an audio file played before and / or after the element. It's mostly used to delimit the element's content from other contents.

Cue before ot cue after?

The cue-before and cue-after properties contain following information:

value: <uri>, none or inherit;
initial: none;
applies to: all elements;
inherited: no;
percentages: N/A;
media: aural;
computed value: absolute URI or none.

The value uri specifies the path of the auditory file to be played. If the type is not of an audio file type it must be ignored and treated the same as it were value none selected.

Cue property

The property cue is the shorthand for above mentioned properties.

The cue property contains following information:

value: [<uri>, <uri>] or inherit;
initial: depends on individual properties;
applies to: all elements;
inherited: no;
percentages: depends on individual properties;
media: aural;
computed value: depends on individual properties.

If two values are given, the first one refers to cue-before property and the second one is cue-after property. If only one value is given then it will be applied to both of these properties.

Example

CSS cue property example:

<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
a.a1 {
	cue-before: url("bark.wav"); 
}
a.a2 {
	cue-before: url("moo.wav"); 
}
</style>
</head>

<body>

<a href="#" class="a1">This link should bark!</a><br />
<a href="#" class="a2">This link should moo!</a>
<p>Naturally there should be real '.wav.' files in the styles and not the false ones.</p>

</body>
</html>

›› go to examples ››

Cue before ot cue after?

Cue property

Example

CSS cue property example:

Comments

About

Contact

Get Connected