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

CSSでのwidthプロパティの使用

幅 プロパティは、画像の幅を設定するために使用されます。このプロパティには、長さまたは％の値を指定できます。 ％で値を指定する一方で、画像が利用可能なボックスに関してそれを適用します。

例

次のコードを実行して、画像の幅を設定してみてください。

<html>
   <head>
   </head>
   <body>
      <img style = "border:2px solid green; width:100px;" src = "/css/images/logo.png" />
      <br />
      <img style = "border:2px solid green; width:50%;" src = "/css/images/logo.png" />
   </body>
</html>

  1. CSStransition-delayプロパティの使用

    transition-delayを使用します CSSで遷移効果を遅らせるプロパティ。次のコードを実行して、遷移の1秒の遅延を設定することができます 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;         &nbs

  2. CSSでの変換プロパティの使用

    CSSのtransformプロパティは、要素に2Dまたは3D変換を適用するために使用されます。次のコードを実行して、変換プロパティを実装してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;