CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用して要素の幅を変更する

scaleX（）メソッドを使用して、CSSで要素の幅を変更します。

構文を見てみましょう-

scaleX(n);

ここで、nは倍率を表す数値です。

例を見てみましょう

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

  1. CSSを使用して要素のテキストの色を設定する

    CSSのcolorプロパティは、要素のテキストの色を変更するために使用されます。値は、標準の色名、rgb（）、rgba（）、hsl（）、hsla（）、および16進値として指定できます。 構文 CSScolorプロパティの構文は次のとおりです- Selector {    color: /*value*/ } 次の例は、CSSカラープロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    height: 50px;   &nb

  2. 要素の幅をHTMLで設定します

    幅を使用 要素の幅を設定するHTMLの属性。この属性は、、、、、などの要素で使用できます。 例 次のコードを実行して、幅を実装してみてください。 HTMLの属性- <!DOCTYPE HTML> <html>    <body>       <video width="300" height="200" controls autoplay>          <source src = "/