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

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


scaleY()メソッドを使用して、CSSで要素の高さを変更します。

構文を見てみましょう-

scaleY(n);

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

例を見てみましょう-

div {
   width: 40px;
   height: 50px;
   background-color: black;
}
.myScaled {
   transform: scaleY(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. CSSを使用してウィンドウの高さの100%のDIVを作成する方法

    CSSのheightプロパティは、要素の高さを指定するのに役立ちます。 構文 CSSのheightプロパティの構文は次のとおりです- Selector {    height: /*value*/ } 例 次の例は、CSSの高さプロパティを示しています。 <!DOCTYPE html> <html>    <head>       <title>Page Title</title>       <style>