Primer CSS Inline Styles Last Updated : 28 Apr, 2022 Comments Improve Suggest changes Like Article Like Report Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by Object-Oriented CSS principles, functional CSS, and BEM architecture. It is highly reusable and flexible. It is created with GitHub’s design system. In this article, we will learn about Primer CSS inline styles. Primer CSS inline styles are used to give inline CSS to style any element. Syntax: <div style="INLINE_STYLING" > Content </div> Example 1: In this example, we will set the height and width of an image using inline styles. HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content= "width = device-width, initial-scale = 1"> <link rel="stylesheet" href= "https://unpkg.com/@primer/[email protected]/dist/primer.css"> </head> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h3>Primer CSS Inline Styles</h3> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20220217090847/download3.png" width=400px height=400px> </body> </html> Output: Example 2: In this example, we have provided different inline styling to the different tags. HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content= "width = device-width, initial-scale = 1"> <link rel="stylesheet" href= "https://unpkg.com/@primer/[email protected]/dist/primer.css"> </head> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h3>Primer CSS Inline Styles</h3> <p style="text-align: center;"> I am centered Paragraph </p> <span style="color:red;"> I am a span tag </span> <h2 style="font-family:cursive;"> I am a cursive heading </h2> <p style="font-style: oblique;"> I am oblique Paragraph </p> </body> </html> Output: Reference: https://primer.style/css/principles#inline-styles Comment More infoAdvertise with us Next Article Primer CSS Inline Styles A akshitsaxenaa09 Follow Improve Article Tags : Web Technologies CSS Primer-CSS Primer-CSS Principles Similar Reads Primer CSS Inline Progress Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Lint Rules (WIP) Primer CSS is a free open-source CSS framework that is built with the GitHub design system to provide support to the broad spectrum of Github websites. It creates the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure that the patterns ar 2 min read CSS | border-inline-end-style Property The border-inline-end-style property in CSS is used to define the individual logical inline-end border property values in a single place in the style sheet. This property sets the border-style at the bottom of the defining element border. Syntax: border-inline-end-style: border-style; Property value 1 min read Primer CSS Links Primer CSS is a free and open-source CSS framework. It is built upon the systems that create the foundation of the basic style elements such as spacing, typography, and colour. Created with GitHub’s design system, it is highly reusable and flexible.Primer CSS Links are used to decorate links in the 3 min read Primer CSS Heading Utilities Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Like