Typography

Menu



1. Basic Headings


HTML headings are available from <h1> to <h6>


h1.JKCSS Heading

h2.JKCSS Heading

h3.JKCSS Heading

h4.JKCSS Heading

h5.JKCSS Heading
h6.JKCSS Heading

JKCSS Headings


h1.JKCSS Heading

h2.JKCSS Heading

h3.JKCSS Heading

h4.JKCSS Heading

h5.JKCSS Heading
h6.JKCSS Heading

<h1 class="jk-h1"> h1.JKCSS Heading </h1>
<h2 class="jk-h2"> h1.JKCSS Heading </h2>
<h3 class="jk-h3"> h1.JKCSS Heading </h3>
<h4 class="jk-h4"> h1.JKCSS Heading </h4>
<h5 class="jk-h5"> h1.JKCSS Heading </h5>
<h6 class="jk-h6"> h1.JKCSS Heading </h6>


2. JK-Display headings


Following are the Display styles for JK-Display. and the class from .jk-display-1 to .jk-display-6


JK Display 1

JK Display 2

JK Display 3

JK Display 4

JK Display 5

JK Display 6


<h1 class="jk-display-1"> JK Display 1 </h1>
<h1 class="jk-display-2"> JK Display 2 </h1>
<h1 class="jk-display-3"> JK Display 3 </h1>
<h1 class="jk-display-4"> JK Display 4 </h1>
<h1 class="jk-display-5"> JK Display 5 </h1>
<h1 class="jk-display-6"> JK Display 6 </h1>


3. HTML Inline text elements


Following are some of HTML Inline Text Elements


  • <mark>
  • <del>
  • <s>
  • <ins>
  • <u>
  • <small>
  • <strong>
  • <b>
  • <em>
  • <i>

JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework
JKCSS is a one of CSS Framework

<p> JKCSS is a one of <mark>CSS Framework</mark></p>
<p><del> JKCSS is a one of CSS Framework</del></p>
<p><s> JKCSS is a one of CSS Framework</s></p>
<p><ins> JKCSS is a one of CSS Framework</ins></p>
<p><u> JKCSS is a one of CSS Framework</u></p>
<p><small> JKCSS is a one of CSS Framework</small></p>
<p><strong> JKCSS is a one of CSS Framework</strong></p>
<p><b> JKCSS is a one of CSS Framework</b></p>
<p><em> JKCSS is a one of CSS Framework</em></p>
<p><i> JKCSS is a one of CSS Framework</i></p>

styling for mark tag


                    mark{
                        color:red;
                        background-color: yellow;
                        padding: 5px;
                        border-radius: 2px;
                    }