Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use the resize attribute in CSS3

Shulou Source: shulou.com Published: 2022-06-01 11:11:19 09月30日 Update

This article mainly introduces how to use the resize attribute in CSS3, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand it.

Example

Specify a div element that allows the user to resize:

Div

{

Resize:both

Overflow:auto

}

Browser support

The number in the table represents the first browser version number that supports the property.

The number immediately before-webkit-,-ms- or-moz- is the first browser version number that supports the prefix attribute.

Property resize4.0 is not compatible with 5.04.0-moz-4.015.0

Attribute definition and usage instructions

The resize attribute specifies whether an element is resized by the user.

Note: the resize attribute is used to calculate whether the overflow value of other elements is "visible".

Default: none inheritance: no version: CSS3JavaScript syntax: object.style.resize= "both"

Grammar

Resize: none | both | horizontal | vertical:

Value describes that the none user cannot resize the element. Both users can adjust the height and width of the element. Horizontal users can adjust the width of the element. Vertical users can adjust the height of the element. Thank you for reading this article carefully. I hope the article "how to use resize attributes in CSS3" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Tags: Attributes elements users articles support browsers versions adjustable browsing adjusting size width numbers grammar height value instructions for use interests prefixes at the same time Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Redmi Huawei MariaDB NVidia