Inline Styles

Contact Us or call 1-877-932-8228
Inline Styles

Inline Styles

Inline styles are created by adding the style attribute to a tag. As with the class and id attributes, almost all elements can take the style attribute. The value of the style attribute is a list of one or more property-value pairs separated by semicolons. The code sample below illustrates how inline styles are used:

Code Sample:

CrashCourse/Demos/InlineStyles.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Inline Styles</title>
</head>
<body>
<p style="color: blue; font-weight: bold; font-size: 12pt;">Common Greetings</p>
<ul style="margin-top: -20px; font-size: 10pt;">
	<li style="list-style-type: square">Hello</li>
	<li style="list-style-type: circle">Hi</li>
	<li style="list-style-type: disc">Howdy</li>
</ul>
</body>
</html>

This page will render as follows:

Next