HTML <article> style Attribute

A style attribute on an <article>.

<article style="background-color:aliceblue; padding:10px;">
  <h2>Early life of Van Gogh</h2>
  <p>
     Van Gogh returned to Etten in April 1881 for an extended stay 
     with his parents. He continued to draw, often using his neighbors 
     as subjects. In August 1881, his recently widowed cousin, Cornelia 
     Vos-Stricker, daughter of his mother's older sister arrived for 
     a visit. 
  </p>
  <p>
     He was thrilled and took long walks with her. Cornelia was seven 
     years older than he was and had an eight-year-old son. Van Gogh 
     surprised everyone by declaring his love to her and proposing marriage. 
     She refused with the words: "nooit, neen, nimmer" (nay, no, never). 
  </p>
</article>

<article style="CSS-styles" >

A style attribute on an <article>.
Clicking the button toggles the background color.

<article style="background-color:aliceblue; padding:10px;" id="myarticle">
  <h2>Early life of Van Gogh</h2>
  <p>
     Van Gogh returned to Etten in April 1881 for an extended stay 
     with his parents. He continued to draw, often using his neighbors 
     as subjects. In August 1881, his recently widowed cousin, Cornelia 
     Vos-Stricker, daughter of his mother's older sister arrived for 
     a visit. 
  </p>
  <p>
     He was thrilled and took long walks with her. Cornelia was seven 
     years older than he was and had an eight-year-old son. Van Gogh 
     surprised everyone by declaring his love to her and proposing marriage. 
     She refused with the words: "nooit, neen, nimmer" (nay, no, never). 
  </p>
</article>

<br/>
<button onclick="toggle();">Toggle style</button>

<script>
  let toggle = () => {
     let element = document.getElementById("myarticle");

     if (element.style.backgroundColor === "lightblue") {
        element.style.backgroundColor = "aliceblue";
     } else {
       element.style.backgroundColor = "lightblue";
     }
  }
</script>

Code explanation

Here is when style support started for each browser:

Chrome	6.0	Sep 2010
Firefox	4.0	Mar 2011
IE/Edge	9.0	Mar 2011
Opera	11.1	Mar 2011
Safari	5.0	Jun 2010

• Our HTML article Tag Reference
• Our HTML class Attribute Reference
• Our CSS background-color Property Reference
• Our CSS Text Tutorial