Thẻ span trong html w3schools

or element should span.


Applies to

The span attribute can be used on the following elements:


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

element, but
is a block-level element and is an inline element.


Browser Support

Element
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.


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

ElementsAttribute
span
span

Examples

Col Example

Here, the first two columns should have a background color of red:


 
   
   
 
 
   
   
   
 
 
   
   
   
 
ISBNTitlePrice
3476896My first HTML$53

Try it Yourself »

Colgroup Example

Set the background color of the first two columns using the span attribute:


 
 
   
   
   
 
 
   
   
   
 
 
   
   
   
 
ISBNTitlePrice
3476896My first HTML$53
5869207My first CSS$49

Try it Yourself »


Browser Support

The span attribute has the following browser support for each element:

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 ❯

Default value:none
Inherited:no
Animatable:no. Read about animatable
Version:CSS3
JavaScript syntax: 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.

Property
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

ValueDescriptionDemo
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

element into three columns:

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 »


CSS tutorial: CSS Multiple Columns

HTML DOM reference: columnSpan property