In order to access this site you need to enable JavaScript!

You are here: Reference > HTML > tags > listing

listing element

Browser support:

Displays all characters in a fixed-width font.

This tag is deprecated. Use the pre tag instead.

If you want to see the HTML tags by categories, please visit this page.

This element requires a closing tag.

JavaScript page for this element: listing.

Possible members:

Attributes

Events

Styles

Pseudos

accessKey

Sets an access key to an element.

cite

Sets the location of the source document.

class

Sets the style class or classes that belong to the element.

clear

Specifies the position of the element in relation to floating objects.

contentEditable

	3

Sets whether the contents of the object are editable.

dir

Sets the text direction as related to the lang attribute.

DISABLED

Sets the state of an object for user interaction.

draggable

	3.5		5

Sets whether an element is draggable.

HIDEFOCUS

Specifies whether a dotted rectangle (focus rectangle) is drawn around an object while it has focus.

Sets a unique identifier for the object.

lang

Specifies the language of the element.

language

Sets the scripting language for the current element. Use it only for the script element.

name

Sets the name of an element.

spellcheck

Sets whether the automatic spellchecker is enabled.

style

Sets an inline style associated with an element.

tabIndex

Specifies the tabbing order for keyboard navigation using the TAB key.

title

Specifies a tooltip for an element.

unSelectable

Sets whether the selection process can start in an element's content.

onActivate

Occurs when an element becomes active.

onBeforeActivate

Occurs before an element becomes active.

onBeforeCopy

Occurs before the selection is copied to the clipboard and before the oncopy event.

onBeforeCut

Occurs before the selection is cut from the document and provides a possibility to enable the Cut menu item.

onBeforeDeActivate

Occurs on the active element before it loses the active state.

onBeforeEditFocus

Occurs before an input:file, input:password, input:text or textarea element or an element in an editable region becomes a UI-activated.

onBeforePaste

Occurs before the contents of the clipboard are pasted into the document and provides a possibility to enable the Paste menu item.

onBlur

Occurs when an element loses focus.

onClick

Occurs when the user clicks on an element.

onContextMenu

Occurs when the right mouse button is clicked on an element and the context menu is shown.

onControlSelect

Occurs before a control is selected in an editable region.

onCopy

Occurs before the selection is copied to the clipboard.

onCut

Occurs before the selection is cut from the document and added to the clipboard.

onDblClick

Occurs when the user double clicks on an element.

onDeActivate

Occurs on the active element when it loses the active state.

onDrag

	3

Occurs periodically on the source element during the drag operation.

onDragEnd

	3

Occurs on the source element when the user has finished the drag operation.

onDragEnter

Occurs on an element when the user moves the mouse pointer into it during a drag operation.

onDragLeave

	3.5

Occurs on an element when the user moves the mouse pointer out of it during a drag operation.

onDragOver

Occurs periodically on an element while the mouse pointer is over it during a drag operation.

onDragStart

	3.5

Occurs on the source element when the user starts the drag operation.

onDrop

	3.5

Occurs on a possible target element when the dragged data is dropped on it.

onFilterChange

Occurs after a filter has changed or finished a transition.

onFocus

Occurs when an element receives focus.

onFocusIn

Occurs before an element receives focus.

onFocusOut

Occurs after an element loses focus.

onHelp

Occurs after the user has pressed the F1 key.

onKeyDown

Occurs on an element that has the focus when a key is pressed down and occurs periodically until the key is released.

onKeyPress

Occurs on an element that has the focus when a key is pressed down and occurs periodically until the key is released.

onKeyUp

Occurs on an element that has the focus when the user releases a key.

onLoseCapture

Occurs when the object loses the mouse capture.

onMouseDown

Occurs when the user presses a mouse button over an element.

onMouseEnter

Occurs when the user moves the mouse pointer into the area of an element.

onMouseLeave

Occurs when the user moves the mouse pointer out of the element.

onMouseMove

Occurs when the user moves the mouse over the element.

onMouseOut

Occurs when the user moves the mouse pointer out of the element.

onMouseOver

Occurs when the user moves the mouse pointer into the element.

onMouseUp

Occurs when the user releases a mouse button over an element.

onMouseWheel

Occurs when the mouse wheel rolls.

onMove

Occurs when the position of an element's top-left corner is changed.

onMoveEnd

Occurs when the user stops dragging an absolute or relative positioned element in an editable region.

onMoveStart

Occurs when the user starts dragging an absolute or relative positioned element in an editable region.

onPaste

Occurs before the contents of the clipboard are pasted into the document.

onPropertyChange

Occurs every time when the value of an element's property is changed.

onReadyStateChange

Occurs when the load state of the data that belongs to an element or a HTML document changes.

onResize

Occurs when the size of an object has changed.

onResizeEnd

Occurs when the user stops resizing an element in an editable region.

onResizeStart

Occurs when the user starts to resize an element in an editable region.

onScroll

Occurs when the contents of an element have been scrolled.

onSelectStart

Occurs at the start of a selection process.

accelerator

Specifies whether the object contains an accelerator key.

background

Specifies up to five separate background properties, in a shorthand form.

background-attachment

Specifies whether the background-image should scroll with the contents of the object or not.

background-color

Specifies the color to use for the background of the object.

background-image

Specifies the image to use as the background of the object.

background-position

Sets the position of the background-image within the element.

background-position-x

Specifies the horizontal coordinate of the background-image relative to the upper-left corner of the container object.

background-position-y

Specifies the vertical-coordinate of the background-image relative to the upper-left corner of the container object.

background-repeat

Specifies how to tile the background-image relative to the upper-left corner of the container object.

behavior

Sets the URL of a behavior file.

border

Sets up to three separate border properties, in a shorthand form.

border-bottom

Sets the color, style and width properties for the element's bottom border, in a shorthand form.

border-bottom-color

Specifies the color of the element's bottom border.

border-bottom-style

Specifies the style of the element's bottom border.

border-bottom-width

Specifies the width of the element's bottom border.

border-color

Specifies the color of the element's border.

border-left

Specifies the color, style and width properties for the element's left border, in a shorthand form.

border-left-color

Specifies the color of the element's left border.

border-left-style

Specifies the style of the element's left border.

border-left-width

Specifies the width of the element's left border.

border-right

Specifies the color, style and width properties for the element's right border, in a shorthand form.

border-right-color

Specifies the color of the element's right border.

border-right-style

Specifies the style of the element's right border.

border-right-width

Specifies the width of the element's right border.

border-style

Specifies the style of the element's border.

border-top

Specifies the color, style and width properties for the element's top border, in a shorthand form.

border-top-color

Specifies the color of the element's top border.

border-top-style

Specifies the style of the element's top border.

border-top-width

Specifies the width of the element's top border.

border-width

Specifies the width of the element's border.

bottom

Specifies the bottom coordinate of a positioned element.

box-sizing

8

Specifies how the width and the height of the element are calculated. It affects the height and width properties.

clear

Specifies the position of the element relative to floating objects.

clip

Specifies which part of a positioned element is visible.

color

Specifies the color of the element's text content.

content

8

Specifies the generated content after or before the element.

counter-increment

8

Specifies the list of counters and increment values.

counter-reset

8

Sets the list of counters and their initial values.

cursor

Specifies the type of cursor to display for the pointing device (mouse).

direction

Specifies the text direction.

display

Specifies the element's display type.

filter

Specifies the filter or collection of filters applied to the object.

float

Specifies the horizontal alignment of the object.

font

Specifies up to six separate font properties, in a shorthand form.

font-family

Specifies the font face for text.

font-size

Specifies the font size of the text.

font-style

Specifies whether the style of the font is normal, italic or oblique.

font-variant

Specifies a variation of the specified or default font-family.

font-weight

Specifies the font weight of the text.

height

Specifies the height of the visible area for an element.

layout-flow

Specifies the flow and direction of the content in an element.

layout-grid

Specifies up to four separate layout-grid properties that specify the layout of text characters.

layout-grid-char

Specifies the size of the character grid for the layout of an element's text content.

layout-grid-line

Specifies the gridline value used for laying out Japanese or Chinese characters in a web document.

layout-grid-mode

Specifies whether the text layout grid uses one or two dimensions.

layout-grid-type

Specifies the type of grid to be used for laying out Japanese or Chinese characters in a web document.

left

Specifies the left coordinate of a positioned element.

letter-spacing

Specifies the amount of space between letters.

line-break

Specifies the line-breaking rules for Chinese, Japanese or Korean text.

line-height

Specifies the distance between lines of text in a block-level element.

margin

Specifies a shorthand property for setting the top, right, bottom and left margins, in that order.

margin-bottom

Specifies the bottom margin of the object.

margin-left

Specifies the left margin of the object.

margin-right

Specifies the right margin of the object.

margin-top

Specifies the top margin of the object.

max-height

7

Specifies the maximum height for the visible area of an element.

max-width

7

Specifies the maximum width for the visible area of an element.

min-height

Specifies a minimum height for the visible area of an element.

min-width

7

Specifies the minimum width for the visible area of an element.

opacity

9

Sets the transparency level of an element. For Internet Explorer, use filter with 'Alpha(opacity=percent)'.

orphans

8

Specifies the minimum number of lines at the start of an element's rendered content that must be visible at the bottom of a page.

outline

8

Specifies a shorthand form for all outline properties at once. Outline is a line around an element, but different from the border property.

outline-color

8

Specifies the color for the outline for an element.

outline-style

8

Specifies the style for an element's outline.

outline-width

8

Specifies the width for an element's outline.

overflow

Specifies what to do with content outside the element's rendering area.

overflow-x

Specifies what to do with content that exceeds the element's width.

overflow-y

Specifies what to do with content that exceeds the element's height.

padding

Specifies a shorthand property for setting the top, right, bottom and left spaces between an element's border and its contents, in that order.

padding-bottom

Specifies the space between an element's bottom border and its contents.

padding-left

Specifies the space between an element's left border and its contents.

padding-right

Specifies the space between an element's right border and its contents.

padding-top

Specifies the space between an element's top border and its contents.

page-break-after

Specifies whether a page break occurs after the object when printing.

page-break-before

Specifies whether a page break occurs before the object when printing.

page-break-inside

8

Specifies the page-breaking behavior that should occur inside an element's rendering box when printing.

position

Specifies what type of positioning method is used to render the current element.

quotes

8

Specifies the pairs of quotation marks for the 'open-quote' and 'close-quote' values of the content property.

right

Specifies the right coordinate of a positioned element.

scrollbar-3dlight-color

Specifies the color of the outer top and left bevel edges of the scroll box and scroll arrows of the scroll bar.

scrollbar-arrow-color

Specifies the color of the arrow of the scroll bar.

scrollbar-base-color

Specifies the main color of the scroll bar.

scrollbar-darkshadow-color

Specifies the color of the outer bottom and right bevel edges of the scroll box and scroll arrows of the scroll bar.

scrollbar-face-color

Specifies the color for the face of the scroll bar.

scrollbar-highlight-color

Specifies the color of the top and left edges of the scroll bar.

scrollbar-shadow-color

Specifies the color of the bottom and right edges of the scroll bar.

scrollbar-track-color

Specifies the color of the scroll bar's track element.

text-align

Specifies the horizontal alignment of the text within the element.

text-align-last

Specifies the alignment type of the last or only line of text in the element's contents.

text-autospace

Specifies the spacing rules between Western and Asian-based (such as Japanese and Chinese) characters.

text-decoration

Specifies the appearance characteristics of text, whether it is underlined, overlined, lined-through or blinking text.

text-indent

Specifies the horizontal indent for the first line of text.

text-justify

Specifies how justified text should be aligned and spaced.

text-kashida-space

Specifies how to justify lines of text by elongating characters at algorithmically-selected points in Arabic writing systems.

text-overflow

Specifies how to handle the overflowed area of text.

text-transform

Specifies the case of the text.

text-underline-position

Specifies the position of the underline decoration.

top

Specifies the top coordinate of a positioned element.

unicode-bidi

Specifies whether the text should be overridden to support multiple languages in the same document. Use with the direction property.

visibility

Specifies whether the element is visible.

white-space

Specifies how spaces, tabs, and newline characters inside the element are handled.

widows

8

Specifies the minimum number of lines at the end of an element's rendered content that must be visible at the top of a page.

width

Specifies the width of the visible area for an element.

word-break

Specifies the line breaking rule within words.

word-spacing

Specifies the spacing between words.

word-wrap

Specifies whether the current line should break if the content exceeds the boundaries of its container.

writing-mode

Specifies the intrinsic writing direction of the element's content.

z-index

Specifies the stack level of positioned objects.

zoom

Specifies the zoom level of the element's content.

Example HTML code 1:

This example illustrates the use of the listing element:

<div style="background-color: #a0a0f0;">
    Variable-width font.<br />
    iiiii<br />
    wwwww<br />
</div>
<div style="background-color: #a0f0a0;">
    <listing>
        Fixed-width font.<br />
        iiiii<br />
        wwwww<br />
    </listing>
</div>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

pre

External links:

listing element (MSDN)
listing element (Safari Reference Library)

Digg Del.icio.us Reddit Facebook Twitter Diigo

User Contributed Comments

listing element

Possible members:

Example HTML code 1:

Related pages:

External links:

Post Content