Important Notice:

Course Content
CSS Framework (Chapter- 5) M2-R5.1
About Lesson

Button Sizes

   w3-size की classes का उपयोग विभिन्न text sizes को define करने के लिए किया जा सकता है:

The w3-size classes can be used to define different text sizes:

<!DOCTYPE html>

<html>

<title>W3.CSS</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<link rel=”stylesheet” href=”https://www.w3schools.com/w3css/4/w3.css”>

<body>

<div class=”w3-container”>

  <h2>Button Sizes</h2>

  <p><button class=”w3-button w3-border w3-tiny”>Tiny</button></p>

  <p><button class=”w3-button w3-border w3-small”>Small</button></p>

  <p><button class=”w3-button w3-border w3-medium”>Medium</button></p>

  <p><button class=”w3-button w3-border w3-large”>Large</button></p>

  <p><button class=”w3-button w3-border w3-xlarge”>XLarge</button></p>

  <p><button class=”w3-button w3-border w3-xxlarge”>XXLarge</button></p>

  <p><button class=”w3-button w3-border w3-xxxlarge”>XXXLarge</button></p>

</div>

</body>

</html>

      

error: Content is protected !!