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

CSS3サイズ変更プロパティ

CSS3のresizeプロパティには、以下に示す3つの一般的な値があります-

  • 水平
  • 垂直
  • 両方

例

CSS3ユーザーインターフェイスのresizeプロパティの両方の値を使用する：

<html>
   <head>
      <style>
         div {
            border: 2px solid;
            padding: 20px;
            width: 300px;
            resize: both;
            overflow: auto;
         }
      </style>
   </head>
   <body>
      <div>My Website</div>
   </body>
</html>

  1. CSS3トランジション短縮プロパティ

    遷移の省略形プロパティを使用すると、遷移プロパティ、遷移期間、遷移タイミング関数、および遷移遅延を、遷移プロパティの値として1行で指定できます。 以下は、CSSの遷移短縮プロパティのコードです- 例 <!DOCTYPE html> <html> <head> <style> .container div {    width: 300px;    height: 100px;    border-radius: 1px;    background-color: r

  2. HTMLDOMスタイルのサイズ変更プロパティ

    HTML DOMスタイルのサイズ変更プロパティは、HTMLドキュメントで要素のサイズを変更できるかどうかを返し、変更します。 構文 以下は構文です- サイズ変更を返す object.style.resize サイズ変更の変更 object.style.resize = “value” 値 ここで、値は-になります。 値 説明 継承 このプロパティ値は親要素から継承されます。 初期 このプロパティ値をデフォルト値に設定します。 なし 要素をサイズ変更不可として設定します。 水平 要素の幅をサイズ変更可能に設定します。 垂直 要素の高さ