Home  >  Article  >  Web Front-end  >  How to use css grid-rows property

How to use css grid-rows property

silencement
silencementOriginal
2019-05-28 14:34:423121browse

How to use css grid-rows property

css grid-rows attribute definition and usage

In css, the grid-rows attribute is used to specify each element in the grid. The height of a line. Using a grid system has been of great value to print designers. Now the same changes are being applied to online content. The grid properties provide the ability to resize titles, text and images in a scalable grid and location capabilities.

css grid-rows attribute is a new attribute in css3. Currently, mainstream browsers do not support this attribute

css grid-rows attribute syntax format

css syntax: grid-rows: length|%|none|inherit

JavaScript syntax: object.style.gridRows="100px (30px 60px)"

css grid -rows attribute value description

length: Reference to the grid containing the block

%: Reference to the height of the containing block

none: None

inherit: Inherit the attribute value of this attribute from the parent element



The above is the detailed content of How to use css grid-rows property. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn