style in element code example

Example 1: javascript style an element

// Getting the element first
var myElement = document.querySelector("#myElement");

// examples for updating styles
myElement.style.color = "blue";
myElement.style.backgroundColor = "red";

Example 2: how to add style to p tag in html

<h1 style="color:blue;">This is a Blue Heading</h1>
<!DOCTYPE html>
<html>
<head>
<style>

 body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}

</style>
</head>
<body>

<h1>This is a 
 heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Example 3: html style tag

<style>
  /* Put in CSS */
</style>

Example 4: html style element

<!-- EXAMPLE -->
<div class="your_class" style="display:none">

<!--[SYNTAX: style="<your-styling>"] -->

Tags:

Css Example

Related