/

HTML / CSS / JavaScript Tutorial

Default CSS Styles Applied to HTML Elements

[this page | pdf | back links]

The default CSS styles applied to different renderable HTML elements supported by HTML 5 are set out below.

 

Some element types have no applicable default CSS. These include:

 

HTML Element(s)

Default CSS applicable to that element

<abbr>, <audio>, <base>, <bdi>, <br>, <button>, <canvas>, <data>, <dialog>, <input>, <keygen>, <main>, <menuitem>, <meta>, <meter>, <noscript>, <optgroup>, <option>, <progress>, <rp>, <ruby>, <select>, <source>, <span>, <textarea>, <time>, <track>, <video>, <wbr>

None

 

For those that do have a default, occasionally this is browser specific, but usually it follows certain conventions:

 

HTML Element(s)

More

Default CSS applicable to that element

a:link

<a>

color: (is an internal value specific to browser);

text-decoration: underline;

cursor: auto;

a:visited

<a>

color: (is an internal value specific to browser);

text-decoration: underline;

cursor: auto;

a:link:active

<a>

color: (is an internal value specific to browser);

a:visited:active

<a>

color: (is an internal value specific to browser);

address

<address>

display: block;

font-style: italic;

area

<area>

display: none;

article

<article>

display: block;

aside

<aside>

display: block;

b

<b>

font-weight: bold;

bdo

<bdo>

unicode-bidi: bidi-override;

blockquote

<blockquote>

display: block;

margin: 1em 40px 1em 40px;

body

<body>

display: block;

margin: 8px;

body:focus

<body>

outline: none;

caption

<caption>

display: table-caption;

text-align: center;

cite

<cite>

font-style: italic;

code

<code>

font-family: monospace;

col

<col>

display: table-column;

colgroup

<colgroup>

display: table-column-group

datalist

<datalist>

display: none;

dd

<dd>

display: block;

margin-left: 40px;

del

<del>

text-decoration: line-through;

details

<details>

display: block;

dfn

<dfn>

font-style: italic;

div

<div>

display: block;

dl

<dl>

display: block;

margin: 1em 0 1em 0;

dt

<dt>

display: block;

em

<em>

font-style: italic;

embed:focus

<embed>

outline: none;

fieldset

<fieldset>

display: block;

margin: 0 2px;

padding: 0.35em 0.75em 0.625em;

border: 2px groove (and internal value);

figcaption

<figcaption>

display: block;

figure

<figure>

display: block;

margin: 1em 40px;

footer

<footer>

display: block;

form

<form>

display: block;

margin-top: 0em;

h1

<h1>

display: block;

font-size: 2em;

margin: 0.67em 0;

font-weight: bold;

h2

<h2>

display: block;

font-size: 1.5em;

margin: 0.83em 0;

font-weight: bold;

h3

<h3>

display: block;

font-size: 1.17em;

margin: 1em 0;

font-weight: bold;

h4

<h4>

display: block;

margin: 1.33em 0;

font-weight: bold;

h5

<h5>

display: block;

font-size: 0.83em;

margin-top: 1.67em 0;

font-weight: bold;

h6

<h6>

display: block;

font-size: 0.67em;

margin-top: 2.33em 0;

font-weight: bold;

header

<header>

display: block;

hr

<hr>

display: block;

margin: 0.5em auto;

border-style: inset;

border-width: 1px;

html

<html>

display: block;

html:focus

<html>

outline: none;

i

<i>

font-style: italic;

iframe:focus

<iframe>

outline: none;

iframe[seamless]

<iframe>

display: block;

img

<img>

display: inline-block;

ins

<ins>

text-decoration: underline;

kbd

<kbd>

font-family: monospace;

label

<label>

cursor: default;

legend

<legend>

display: block;

padding: 0 2px;

border: none;

li

<li>

display: list-item;

link

<link>

display: none;

map

<map>

display: inline;

mark

<mark>

background-color: yellow;

color: black;

menu

<menu>

display: block;

list-style-type: disc;

margin: 1em 0;

padding-left: 40px;

nav

<nav>

display: block;

object:focus

<object>

outline: none;

ol

<ol>

display: block;

list-style-type: decimal;

margin: 1em 0;

padding-left: 40px;

output

<output>

display: inline;

p

<p>

display: block;

margin: 1em 0;

param

<param>

display: none;

pre

<pre>

display: block;

font-family: monospace;

white-space: pre;

margin: 1em 0;

q

<q>

display: inline;

q::before

<q>

content: open-quote;

q::after

<q>

content: close-quote;

rt

<rt>

line-height: normal;

s

<s>

text-decoration: line-through;

samp

<samp>

font-family: monospace;

script

<script>

display: none;

section

<section>

display: block;

small

<small>

font-size: smaller;

strong

<strong>

font-weight: bold;

style

<style>

display: none;

sub

<sub>

vertical-align: sub;

font-size: smaller;

summary

<summary>

display: block;

sup

<sup>

vertical-align: super;

font-size: smaller;

table

<table>

display: table;

border-collapse: separate;

border-spacing: 2px;

border-color: gray;

tbody

<tbody>

display: table-row-group;

vertical-align: middle;

border-color: inherit;

td

<td>

display: table-cell;

vertical-align: inherit;

tfoot

<tfoot>

display: table-footer-group;

vertical-align: middle;

border-color: inherit;

th

<th>

display: table-cell;

vertical-align: inherit;

font-weight: bold;

text-align: center;

thead

<thead>

display: table-header-group;

vertical-align: middle;

border-color: inherit;

title

<title>

display: none;

tr

<tr>

display: table-row;

vertical-align: inherit;

border-color: inherit;

u

<u>

text-decoration: underline;

ul

<ul>

display: block;

list-style-type: disc;

margin: 1em 0;

padding-left: 40px;

var

<var>

font-style: italic;

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile