Browsers' default CSS for HTML elements
A GitHub repository of all W3C HTML spec and vendor default CSS stylesheets can be found here
- Default Styles for Gecko / Firefox
-- - Default Styles for Internet Explorer
-- - Default Styles for Webkit / Safari
-- - Default Styles for Blink / Chrome
-- - Default Styles for Opera
-- - Default Styles for HTML4 (W3C spec)
-- - Default Styles for HTML5 (W3C spec)
--
Sample, per the default W3C HTML4 spec:
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block; unicode-bidi: embed }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th, tr { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A"; white-space: pre-line }
center { text-align: center }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}
Browsers' default CSS stylesheets
Not tabular, but the source CSS may be helpful if you're looking for something specific:
- Firefox default HTML stylesheet
- WebKit default HTML stylesheet
You're on your own with IE and Opera though.
Remove browser default styling !DOCTYPE
Doctype is not used for styling. There are two prominent ways of removing all the styles and uniforming the default look.
- normalize.css https://necolas.github.io/normalize.css/
- reset.css http://meyerweb.com/eric/tools/css/reset/
add these styles to your css before your stylesheet to uniform you layout to a certain degree, across different browsers.
What is the difference between Normalize.css and Reset CSS?
How can I check the default css settings of a browser?
You can't really do that. You may be able to find reference guides if you Google it, but they would probably be guess-work. Your best option is probably to use a CSS Reset to make sure every browser is reset to the same CSS, then you have a good base to build on.
Eric Meyer's reset is my favourite: http://meyerweb.com/eric/tools/css/reset/
What is the difference between default, user and author style sheets?
Default style sheets are supplied by the browser vendor.
User style sheets are supplied by the user of the browser.
Author style sheets are supplied by the author of a webpage.
Related Topics
How to Change Paper Size in Headless Chrome - Print-To-Pdf
How to Create a Flexible Vertical Line in Between Two Divs
Detect If a Browser in a Mobile Device (Ios/Android Phone/Tablet) Is Used
Reduce Spacing Between Bootstrap Horizontal Form Controls
How to Include CSS Files Using Node, Express, and Ejs
Override Body Style for Content in an Iframe
Want My Button to Remain Dark When Clicked
Safari: Media Query Not Firing At the Expected Width
How to Avoid Extra Blank Page At End While Printing
How to Override Vuetify Styles
How to Fix Invalid Request (Unsupported Ssl Request)
Font Awesome 5 Shows Empty Square When Using the Js+Svg Version
How to Float 3 Divs Side by Side Using Css
How to Select an Element Based on the State of Another Element in the Page With Css
Specificity of Inherited CSS Properties
How to Identify Unused CSS Definitions from Multiple CSS Files in a Project
How to Set the Stacking Order of Pseudo-Elements Below Their Parent Element