The difference between resize, outline-offset, outline Align-items attributes inherit and auto in CSS3

①resize Properties Some understanding

(prompted to drag this to change)
Syntax: Resize:none | both | Horizontal | Vertical
None: The user can not drag elements to change the size of the element
Both: You can drag to change the width and height of the element
Horizontal: Allow drag to change width
Vertical: Allow drag to change height ②outline and Outline-offset

Outline is set with an outer border
Outline-offset sets the distance between the outer border and the edge of the container ③align-items property to Specify the alignment of the default values for the items within the flexible container

Syntax: align-items:stretch** (default) * * | Center | Flex-start | Flex-end | Baseline | Initial | Inherit
④inherit and Auto

Inherit: Inheriting the properties of the parent class
Auto: Is adaptive according to the situation