Change the width of element using CSS

Use the scaleX() method to change the width of an element with CSS.

Let us see the syntax −

scaleX(n);

Here, n is a number representing the scaling factor.

Let us see an example

div {
   width: 40px;
   height: 50px;
   background-color: black;
}
.myScaled {
   transform: scaleX(0.9);
   background-color: orange;
}

Ankith Reddy

Published on 02-May-2018 12:34:04

• Related Questions & Answers
• Change the width and height of element using CSS
• Change the height of element using CSS
• Set min-width and max-width of an element using CSS
• Change the width of the bottom border with CSS
• Change column-width property with CSS Animations
• Set the width of the left border using CSS
• Change column-rule-width property with CSS Animations
• How to get the width of an element using jQuery?
• Set the width of the element in HTML
• How to get the width of a div element using jQuery?
• Set the width of the outline with CSS
• Set the width of an image with CSS
• Set the width of image border with CSS
• Set the width of a box with CSS
• Set the width of a button with CSS