کاربر:Zaman/صفحه تمرین/css/9

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_ref_aural.asp

CSS Aural Reference

❮ PreviousNext ❯


Aural Style Sheets

Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information, instead of reading information.

Aural presentation can be used:

  • by blind people
  • to help users learning to read
  • to help users who have reading problems
  • for home entertainment
  • in the car
  • by print-impaired communities

The aural presentation converts the document to plain text and feed this to a screen reader (a program that reads all the characters on the screen).

An example of an Aural style sheet:

The example above will make the speech synthesizer play a sound, then speak the headers in a very rich male voice.



CSS Aural Reference

The "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property Description Values CSS
azimuth Sets where the sound should come from angleleft-side

far-left left center-left center center-right right far-right right-side behind leftwards rightwards

2
cue Sets the cue properties in one declaration cue-beforecue-after 2
cue-after Specifies a sound to be played after speaking an element's content none

url

2
cue-before Specifies a sound to be played before speaking an element's content none

url

2
elevation Sets where the sound should come from angle

below level above higher lower

2
pause Sets the pause properties in one declaration pause-beforepause-after 2
pause-after Specifies a pause after speaking an element's content time% 2
pause-before Specifies a pause before speaking an element's content time% 2
pitch Specifies the speaking voice frequencyx-low

low medium high x-high

2
pitch-range Specifies the variation in the speaking voice. (Monotone voice or animated voice?) number 2
play-during Specifies a sound to be played while speaking an element's content auto

none urlmix repeat

2
richness Specifies the richness of the speaking voice. (Rich voice or thin voice?) number 2
speak Specifies whether content will render aurally normal

none spell-out

2
speak-header Specifies how to handle table headers. Should the headers be spoken before every cell, or only before a cell with a different header than the previous cell always

once

2
speak-numeral Specifies how to speak numbers digits

continuous

2
speak-punctuation Specifies how to speak punctuation characters none

code

2
speech-rate Specifies the speed of the speaking numberx-slow

slow medium fast x-fast faster slower

2
stress Specifies the "stress" in the speaking voice number 2
voice-family Specifies the voice family of the speaking specific-voicegeneric-voice 2
volume Specifies the volume of the speaking number%silent

x-soft soft medium loud x-loud

2

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_websafe_fonts.asp

CSS Web Safe Font Combinations

❮ PreviousNext ❯


Commonly Used Font Combinations

The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems. If the browser does not support the first font, it tries the next font.

Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available:

Example

p {

  font-family: "Times New Roman", Times, serif;

} Try it Yourself » Below are some commonly used font combinations, organized by generic family.


Serif Fonts

font-family Example text
Georgia, serif

This is a heading

This is a paragraph

"Palatino Linotype", "Book Antiqua", Palatino, serif

This is a heading

This is a paragraph

"Times New Roman", Times, serif

This is a heading

This is a paragraph



Sans-Serif Fonts

font-family Example text
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph

"Arial Black", Gadget, sans-serif

This is a heading

This is a paragraph

"Comic Sans MS", cursive, sans-serif

This is a heading

This is a paragraph

Impact, Charcoal, sans-serif

This is a heading

This is a paragraph

"Lucida Sans Unicode", "Lucida Grande", sans-serif

This is a heading

This is a paragraph

Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph

"Trebuchet MS", Helvetica, sans-serif

This is a heading

This is a paragraph

Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

Monospace Fonts

font-family Example text
"Courier New", Courier, monospace

This is a heading

This is a paragraph

"Lucida Console", Monaco, monospace

This is a heading

This is a paragraph

Tip: Also check out all available Google Fonts and how to use them.

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_animatable.asp

CSS Animatable

❮ PreviousNext ❯


Definition and Usage

Some CSS properties are animatable, meaning that they can be used in animations and transitions.

Animatable properties can change gradually from one value to another, like size, numbers, percentage and color.


Browser Support

The numbers in the table specifies the first browser version that fully support CSS animations.

Numbers followed by -webkit-, -moz-, or -o- specify the first version that worked with a prefix.

43.0

4.0 -webkit-

10.0 16.0

5.0 -moz-

9.0

4.0 -webkit-

30.0

15.0 -webkit- 12.0 -o-

Example

Animate the background-color from red to blue:

@keyframes mymove {

  from {background-color: red;}

  to {background-color: blue;}

} Try it Yourself »



Animatable Properties

These properties are animatable in CSS:

Property
backgroundTry it
background-colorTry it
background-positionTry it
background-sizeTry it
borderTry it
border-bottomTry it
border-bottom-colorTry it
border-bottom-left-radiusTry it
border-bottom-right-radiusTry it
border-bottom-widthTry it
border-colorTry it
border-leftTry it
border-left-colorTry it
border-left-widthTry it
border-rightTry it
border-right-colorTry it
border-right-widthTry it
border-spacingTry it
border-topTry it
border-top-colorTry it
border-top-left-radiusTry it
border-top-right-radiusTry it
border-top-widthTry it
bottomTry it
box-shadowTry it
clipTry it
colorTry it
column-countTry it
column-gapTry it
column-ruleTry it
column-rule-colorTry it
column-rule-widthTry it
column-widthTry it
columnsTry it
filterTry it
flexTry it
flex-basisTry it
flex-growTry it
flex-shrinkTry it
fontTry it
font-sizeTry it
font-size-adjust
font-stretch
font-weightTry it
gridTry it
grid-areaTry it
grid-auto-columnsTry it
grid-auto-flowTry it
grid-auto-rowsTry it
grid-columnTry it
grid-column-endTry it
grid-column-gapTry it
grid-column-startTry it
grid-gapTry it
grid-rowTry it
grid-row-endTry it
grid-row-gapTry it
grid-row-startTry it
grid-templateTry it
grid-template-areasTry it
grid-template-columnsTry it
grid-template-rowsTry it
heightTry it
leftTry it
letter-spacingTry it
line-heightTry it
marginTry it
margin-bottomTry it
margin-leftTry it
margin-rightTry it
margin-topTry it
max-heightTry it
max-widthTry it
min-heightTry it
min-widthTry it
object-positionTry it
opacityTry it
orderTry it
outlineTry it
outline-colorTry it
outline-offsetTry it
outline-widthTry it
paddingTry it
padding-bottomTry it
padding-leftTry it
padding-rightTry it
padding-topTry it
perspectiveTry it
perspective-originTry it
rightTry it
text-decoration-colorTry it
text-indentTry it
text-shadowTry it
topTry it
transformTry it
transform-originTry it
vertical-alignTry it
visibility
widthTry it
word-spacingTry it
z-indexTry it

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_units.asp

CSS Units

❮ PreviousNext ❯


CSS Units

CSS has several different units for expressing a length.

Many CSS properties take "length" values, such as width, margin, padding, font-size, etc.

Length is a number followed by a length unit, such as 10px, 2em, etc.

A whitespace cannot appear between the number and the unit. However, if the value is 0, the unit can be omitted.

For some CSS properties, negative lengths are allowed.

There are two types of length units: absolute and relative.


Absolute Lengths

The absolute length units are fixed and a length expressed in any of these will appear as exactly that size.

Absolute length units are not recommended for use on screen, because screen sizes vary so much. However, they can be used if the output medium is known, such as for print layout.

Unit Description
cm centimetersTry it
mm millimetersTry it
in inches (1in = 96px = 2.54cm)Try it
px * pixels (1px = 1/96th of 1in)Try it
pt points (1pt = 1/72 of 1in)Try it
pc picas (1pc = 12 pt)Try it

* Pixels (px) are relative to the viewing device. For low-dpi devices, 1px is one device pixel (dot) of the display. For printers and high resolution screens 1px implies multiple device pixels.


Relative Lengths

Relative length units specify a length relative to another length property. Relative length units scale better between different rendering medium.

Unit Description
em Relative to the font-size of the element (2em means 2 times the size of the current font) Try it
ex Relative to the x-height of the current font (rarely used) Try it
ch Relative to the width of the "0" (zero) Try it
rem Relative to font-size of the root element Try it
vw Relative to 1% of the width of the viewport* Try it
vh Relative to 1% of the height of the viewport* Try it
vmin Relative to 1% of viewport's* smaller dimension Try it
vmax Relative to 1% of viewport's* larger dimension Try it
% Relative to the parent element Try it

Tip: The em and rem units are practical in creating perfectly scalable layout!

* Viewport = the browser window size. If the viewport is 50cm wide, 1vw = 0.5cm.



Browser Support

The numbers in the table specify the first browser version that fully supports the length unit.

Length Unit
em, ex, %, px, cm, mm, in, pt, pc 1.0 3.0 1.0 1.0 3.5
ch 27.0 9.0 1.0 7.0 20.0
rem 4.0 9.0 3.6 4.1 11.6
vh, vw 20.0 9.0 19.0 6.0 20.0
vmin 20.0 12.0 19.0 6.0 20.0
vmax 26.0 16.0 19.0 7.0 20.0

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_pxtoemconversion.asp

PX to EM Conversion

❮ PreviousNext ❯


PX to EM Converter

  • Set a default font size (usually 16px)
  • Then, convert a pixel value to em, based on the default size
  • Or, convert an em value to pixels, based on the default size

Set a default font size: px


Convert PX to EM:

px

Convert EM to PX:

em


Result:



Body Font Size

In the table below, select a body font size in pixels (px) to display a complete "px to em and percent" conversion table.

Tip: The default font size is usually 16px.

px em percent
5px 0.3125em 31.25%
6px 0.3750em 37.50%
7px 0.4375em 43.75%
8px 0.5000em 50.00%
9px 0.5625em 56.25%
10px 0.6250em 62.50%
11px 0.6875em 68.75%
12px 0.7500em 75.00%
13px 0.8125em 81.25%
14px 0.8750em 87.50%
15px 0.9375em 93.75%
16px 1.0000em 100.00%
17px 1.0625em 106.25%
18px 1.1250em 112.50%
19px 1.1875em 118.75%
20px 1.2500em 125.00%
21px 1.3125em 131.25%
22px 1.3750em 137.50%
23px 1.4375em 143.75%
24px 1.5000em 150.00%
25px 1.5625em 156.25%

What is the difference between PX, EM and Percent?

Pixel is a static measurement, while percent and EM are relative measurements. Percent depends on its parent font size. EM is relative to the current font size of the element (2em means 2 times the size of the current font). So, If the font size of body is 16 pixels, then 150% will be 24 pixels (1.5 * 16), and 2em will be 32 pixels (16 * 2). Look at CSS Units for more measurement units.

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_colors.asp

CSS Colors

❮ PreviousNext ❯


Color Names Supported by All Browsers

All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different text colors):

For a full overview of CSS colors, visit our colors tutorial.

AliceBlue

#F0F8FF

AntiqueWhite

#FAEBD7

Aqua

#00FFFF

Aquamarine

#7FFFD4

Azure

#F0FFFF

Beige

#F5F5DC

Bisque

#FFE4C4

Black

#000000

BlanchedAlmond

#FFEBCD

Blue

#0000FF

BlueViolet

#8A2BE2

Brown

#A52A2A

BurlyWood

#DEB887

CadetBlue

#5F9EA0

Chartreuse

#7FFF00

Chocolate

#D2691E

Coral

#FF7F50

CornflowerBlue

#6495ED

Cornsilk

#FFF8DC

Crimson

#DC143C

Cyan

#00FFFF

DarkBlue

#00008B

DarkCyan

#008B8B

DarkGoldenRod

#B8860B

DarkGray

#A9A9A9

DarkGrey

#A9A9A9

DarkGreen

#006400

DarkKhaki

#BDB76B

DarkMagenta

#8B008B

DarkOliveGreen

#556B2F

DarkOrange

#FF8C00

DarkOrchid

#9932CC

DarkRed

#8B0000

DarkSalmon

#E9967A

DarkSeaGreen

#8FBC8F

DarkSlateBlue

#483D8B

DarkSlateGray

#2F4F4F

DarkSlateGrey

#2F4F4F

DarkTurquoise

#00CED1

DarkViolet

#9400D3

DeepPink

#FF1493

DeepSkyBlue

#00BFFF

DimGray

#696969

DimGrey

#696969

DodgerBlue

#1E90FF

FireBrick

#B22222

FloralWhite

#FFFAF0

ForestGreen

#228B22

Fuchsia

#FF00FF

Gainsboro

#DCDCDC

GhostWhite

#F8F8FF

Gold

#FFD700

GoldenRod

#DAA520

Gray

#808080

Grey

#808080

Green

#008000

GreenYellow

#ADFF2F

HoneyDew

#F0FFF0

HotPink

#FF69B4

IndianRed

#CD5C5C

Indigo

#4B0082

Ivory

#FFFFF0

Khaki

#F0E68C

Lavender

#E6E6FA

LavenderBlush

#FFF0F5

LawnGreen

#7CFC00

LemonChiffon

#FFFACD

LightBlue

#ADD8E6

LightCoral

#F08080

LightCyan

#E0FFFF

LightGoldenRodYellow

#FAFAD2

LightGray

#D3D3D3

LightGrey

#D3D3D3

LightGreen

#90EE90

LightPink

#FFB6C1

LightSalmon

#FFA07A

LightSeaGreen

#20B2AA

LightSkyBlue

#87CEFA

LightSlateGray

#778899

LightSlateGrey

#778899

LightSteelBlue

#B0C4DE

LightYellow

#FFFFE0

Lime

#00FF00

LimeGreen

#32CD32

Linen

#FAF0E6

Magenta

#FF00FF

Maroon

#800000

MediumAquaMarine

#66CDAA

MediumBlue

#0000CD

MediumOrchid

#BA55D3

MediumPurple

#9370DB

MediumSeaGreen

#3CB371

MediumSlateBlue

#7B68EE

MediumSpringGreen

#00FA9A

MediumTurquoise

#48D1CC

MediumVioletRed

#C71585

MidnightBlue

#191970

MintCream

#F5FFFA

MistyRose

#FFE4E1

Moccasin

#FFE4B5

NavajoWhite

#FFDEAD

Navy

#000080

OldLace

#FDF5E6

Olive

#808000

OliveDrab

#6B8E23

Orange

#FFA500

OrangeRed

#FF4500

Orchid

#DA70D6

PaleGoldenRod

#EEE8AA

PaleGreen

#98FB98

PaleTurquoise

#AFEEEE

PaleVioletRed

#DB7093

PapayaWhip

#FFEFD5

PeachPuff

#FFDAB9

Peru

#CD853F

Pink

#FFC0CB

Plum

#DDA0DD

PowderBlue

#B0E0E6

Purple

#800080

RebeccaPurple

#663399

Red

#FF0000

RosyBrown

#BC8F8F

RoyalBlue

#4169E1

SaddleBrown

#8B4513

Salmon

#FA8072

SandyBrown

#F4A460

SeaGreen

#2E8B57

SeaShell

#FFF5EE

Sienna

#A0522D

Silver

#C0C0C0

SkyBlue

#87CEEB

SlateBlue

#6A5ACD

SlateGray

#708090

SlateGrey

#708090

Snow

#FFFAFA

SpringGreen

#00FF7F

SteelBlue

#4682B4

Tan

#D2B48C

Teal

#008080

Thistle

#D8BFD8

Tomato

#FF6347

Turquoise

#40E0D0

Violet

#EE82EE

Wheat

#F5DEB3

White

#FFFFFF

WhiteSmoke

#F5F5F5

Yellow

#FFFF00

YellowGreen

#9ACD32

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_colors_legal.asp

CSS Legal Color Values

❮ PreviousNext ❯


CSS Colors

Colors in CSS can be specified by the following methods:

  • Hexadecimal colors
  • RGB colors
  • RGBA colors
  • HSL colors
  • HSLA colors
  • Predefined/Cross-browser color names
  • With the currentcolor keyword

Hexadecimal Colors

A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. All values must be between 00 and FF.

For example, the #0000ff value is rendered as blue, because the blue component is set to its highest value (ff) and the others are set to 00.

Example

Define different HEX colors:

#p1 {background-color: #ff0000;}   /* red */

#p2 {background-color: #00ff00;}   /* green */

#p3 {background-color: #0000ff;}   /* blue */ Try it Yourself »


RGB Colors

An RGB color value is specified with the rgb() function, which has the following syntax:

rgb(red, green, blue)

Each parameter (red, green, and blue) defines the intensity of the color and can be an integer between 0 and 255 or a percentage value (from 0% to 100%).

For example, the rgb(0,0,255) value is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0.

Also, the following values define equal color: rgb(0,0,255) and rgb(0%,0%,100%).

Example

Define different RGB colors:

#p1 {background-color: rgb(255, 0, 0);}   /* red */

#p2 {background-color: rgb(0, 255, 0);}   /* green */

#p3 {background-color: rgb(0, 0, 255);}   /* blue */ Try it Yourself »



RGBA Colors

RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity of the object.

An RGBA color is specified with the rgba() function, which has the following syntax:

rgba(red, green, blue, alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

Example

Define different RGB colors with opacity:

#p1 {background-color: rgba(255, 0, 0, 0.3);}   /* red with opacity */

#p2 {background-color: rgba(0, 255, 0, 0.3);}   /* green with opacity */

#p3 {background-color: rgba(0, 0, 255, 0.3);}   /* blue with opacity */ Try it Yourself »


HSL Colors

HSL stands for hue, saturation, and lightness - and represents a cylindrical-coordinate representation of colors.

An HSL color value is specified with the hsl() function, which has the following syntax:

hsl(hue, saturation, lightness)

Hue is a degree on the color wheel (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue. Saturation is a percentage value; 0% means a shade of gray and 100% is the full color. Lightness is also a percentage; 0% is black, 100% is white.

Example

Define different HSL colors:

#p1 {background-color: hsl(120, 100%, 50%);}   /* green */

#p2 {background-color: hsl(120, 100%, 75%);}   /* light green */

#p3 {background-color: hsl(120, 100%, 25%);}   /* dark green */

#p4 {background-color: hsl(120, 60%, 70%);}    /* pastel green */ Try it Yourself »


HSLA Colors

HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity of the object.

An HSLA color value is specified with the hsla() function, which has the following syntax:

hsla(hue, saturation, lightness, alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

Example

Define different HSL colors with opacity:

#p1 {background-color: hsla(120, 100%, 50%, 0.3);}   /* green with opacity */

#p2 {background-color: hsla(120, 100%, 75%, 0.3);}   /* light green with opacity */

#p3 {background-color: hsla(120, 100%, 25%, 0.3);}   /* dark green with opacity */

#p4 {background-color: hsla(120, 60%, 70%, 0.3);}    /* pastel green with opacity */ Try it Yourself »


Predefined/Cross-browser Color Names

140 color names are predefined in the HTML and CSS color specification.

For example: blue, red, coral, brown, etc:

Example

Define different color names:

#p1 {background-color: blue;}

#p2 {background-color: red;}

#p3 {background-color: coral;}

#p4 {background-color: brown;} Try it Yourself » A list of all predefined names can be found in our Color Names Reference.


The currentcolor Keyword

The currentcolor keyword refers to the value of the color property of an element.

Example

The border color of the following <div> element will be blue, because the text color of the <div> element is blue:

#myDIV {

  color: blue; /* Blue text color */

  border: 10px solid currentcolor; /* Blue border color */

} Try it Yourself »


❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_default_values.asp

CSS Default Values Reference

❮ PreviousNext ❯


Default CSS Values for HTML Elements

The table below shows the default CSS browser values for all HTML elements.

Element Default CSS Value Try it
a:link color: (internal value);

text-decoration: underline; cursor: auto;

Try it »
a:visited color: (internal value);

text-decoration: underline; cursor: auto;

Try it »
a:link:active color: (internal value);
Try it »
a:visited:active color: (internal value);
Try it »
abbr None.
address display: block;

font-style: italic;

Try it »
area display: none;
article display: block;
aside display: block;
audio None.
b font-weight: bold; Try it »
base None.
bdi None.
bdo unicode-bidi: bidi-override;
blockquote display: block;

margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px;

Try it »
body display: block;

margin: 8px;

Try it »
body:focus outline: none; Try it »
br None.
button None
canvas None.
caption display: table-caption;

text-align: center;

Try it »
cite font-style: italic; Try it »
code font-family: monospace; Try it »
col display: table-column; Try it »
colgroup display: table-column-group Try it »
datalist display: none;
dd display: block;

margin-left: 40px;

Try it »
del text-decoration: line-through; Try it »
details display: block;
dfn font-style: italic; Try it »
dialog None.
div display: block; Try it »
dl display: block;

margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;

Try it »
dt display: block; Try it »
em font-style: italic; Try it »
embed:focus outline: none;
fieldset display: block;

margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 2px groove (internal value);

Try it »
figcaption display: block;
figure display: block;

margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px;

Try it »
footer display: block;
form display: block;

margin-top: 0em;

Try it »
h1 display: block;

font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold;

Try it »
h2 display: block;

font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold;

Try it »
h3 display: block;

font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold;

Try it »
h4 display: block;

margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold;

Try it »
h5 display: block;

font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold;

Try it »
h6 display: block;

font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold;

Try it »
head display: none;
header display: block;
hr display: block;

margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px;

Try it »
html display: block;
html:focus outline: none;
i font-style: italic; Try it »
iframe:focus outline: none;
iframe[seamless] display: block;
img display: inline-block; Try it »
input None.
ins text-decoration: underline; Try it »
kbd font-family: monospace; Try it »
label cursor: default; Try it »
legend display: block;

padding-left: 2px; padding-right: 2px; border: none;

Try it »
li display: list-item;
link display: none;
main None.
map display: inline;
mark background-color: yellow;

color: black;

Try it »
menu display: block;

list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;

menuitem None.
meta None.
meter None.
nav display: block;
noscript None.
object:focus outline: none;
ol display: block;

list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;

Try it »
optgroup None.
option None.
output display: inline;
p display: block;

margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;

Try it »
param display: none;
picture None.
pre display: block;

font-family: monospace; white-space: pre; margin: 1em 0;

Try it »
progress None.
q display: inline; Try it »
q::before content: open-quote; Try it »
q::after content: close-quote; Try it »
rp None.
rt line-height: normal;
ruby None.
s text-decoration: line-through; Try it »
samp font-family: monospace; Try it »
script display: none;
section display: block; Try it »
select None.
small font-size: smaller; Try it »
source None.
span None.
strike text-decoration: line-through; Try it »
strong font-weight: bold; Try it »
style display: none;
sub vertical-align: sub;

font-size: smaller;

Try it »
summary display: block;
sup vertical-align: super;

font-size: smaller;

Try it »
table display: table;

border-collapse: separate; border-spacing: 2px; border-color: gray;

Try it »
tbody display: table-row-group;

vertical-align: middle; border-color: inherit;

td display: table-cell;

vertical-align: inherit;

template None.
textarea None.
tfoot display: table-footer-group;

vertical-align: middle; border-color: inherit;

th display: table-cell;

vertical-align: inherit; font-weight: bold; text-align: center;

thead display: table-header-group;

vertical-align: middle; border-color: inherit;

time None.
title display: none;
tr display: table-row;

vertical-align: inherit; border-color: inherit;

track None.
u text-decoration: underline; Try it »
ul display: block;

list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px;

Try it »
var font-style: italic; Try it »
video None.
wbr None.

❮ PreviousNext ❯

/////////////////////////////////////////////////

https://www.w3schools.com/cssref/css_entities.asp