Example
A element which is used to color a part of a text:
My mother has blue eyes.
Try it Yourself »
Definition and Usage
The tag is an inline container used to mark up a part of a text, or a part of a document.
The tag is easily
styled by CSS or manipulated with JavaScript using the class or id attribute.
The tag is much like the
is an inline element.Browser Support
Yes | Yes | Yes | Yes | Yes |
Global Attributes
The tag also supports the Global Attributes in HTML.
Event Attributes
The tag also supports the Event Attributes in HTML.
Related Pages
HTML tutorial: HTML Block and Inline Elements
HTML DOM reference: Span Object
Default CSS Settings
None.
Definition and Usage
The span
attribute defines the number of columns a
or element should span.
Applies to
The span
attribute can be used on the following elements:
span | |
span |
Examples
Col Example
Here, the first two columns should have a background color of red:
3476896 | My first HTML | $53 |
Try it Yourself »
Colgroup Example
Set the background color of the first two columns using the span attribute:
3476896 | My first HTML | $53 |
5869207 | My first CSS | $49 |
Try it Yourself »
Browser Support
The span
attribute has the following browser support for each element:
col | Yes | Yes | Yes | Yes | Yes |
colgroup | Yes | Yes | Yes | Yes | Yes |
Example
Let the
element span across all columns:
h2 {
column-span: all;
}
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The column-span
property specifies how many columns an element should span across.
Show demo ❯
none |
no |
no. Read about animatable |
CSS3 |
object.style.columnSpan="all" Try it |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Numbers followed by -webkit- specify the first version that worked with a prefix.
column-span | 50.0 4.0 -webkit- | 10.0 | 71.0 | 9.0 3.1 -webkit- | 37.0 15.0 -webkit- 11.1 |
CSS Syntax
column-span: none|all|initial|inherit;
Property Values
none | Default value. The element should span across one column | Demo ❯ |
all | The element should span across all columns | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
More Examples
Example
Divide the text in a
div {
column-count: 3;
}
Try it Yourself »
Example
Specify a 40 pixels gap between the columns:
div {
column-gap: 40px;
}
Try it Yourself »
Example
Specify the width, style, and color of the rule between columns:
div {
column-rule: 4px double #ff00ff;
}
Try it Yourself »
Related Pages
CSS tutorial: CSS Multiple Columns
HTML DOM reference: columnSpan property