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

CSSを使用して要素の幅と高さを変更します

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

構文を見てみましょう-

scale(x,y);

ここで、xはスケーリングベクトルの横座標を表す数値です。

yは、スケーリングベクトルの縦座標を表す数値です。

例を見てみましょう-

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

  1. CSSでパーセンテージとEmの組み合わせを使用する

    フォントの互換性を高めるために、パーセンテージとemの組み合わせを使用して、要素のフォントサイズを指定できます。これにより、さまざまなブラウザ間でテキストを統一できます。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 例 次の例は、CSSのfont-sizeプロパティをキーワード-で設定する方法を示しています。 <!DOCTYPE html> <html> <head> <style> body {    fo

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

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