CSS

What is CSS property: -webkit-box-pack ?

For elements whose children are aligned horizontally, a packing value of start indicates left alignment with extra space towards the right side, a value of end indicates right alignment with extra space to the left, a value of center indicates center alignment with extra space split evenly on either side, and a value of justifyindicates that the outer elements should be aligned on the left and right, with space added evenly between the elements.

Syntax

-webkit-box-pack: <alignment>;

Values

<alignment>
The alignment of child elements.

center Child elements are aligned to the center of the element.
end Child elements are aligned to the end of the element.
justify Child elements are justified with both the start and end of the element.
start Child elements are aligned to the start of the element.

 

 

 

<display-type> = inline |
block | list-item | inline-block | table | inline-table |
table-row-group | table-header-group | table-footer-group | table-row
| table-column-group | table-column | table-cell | table-caption |
none
inline
inline-block
inline-table
These three values are equivalent. The element is an inline-level element.
list-item
The element is formatted as a list item. If the element has the value ‘inside’ for its ‘list-style-position’, that ‘inside’ is treated as if it were ‘outside’.
block
table
These two values are equivalent.
table-row-group
table-header-group
table-footer-group
This creates a principal block-level box that is the template, with around it an anonymous ‘table-row’ box and around it a box of the indicated type. Around it may be more anonymous boxes according to the rules for Anonymous table objects [CSS21].
table-row
This creates a principal block-level box that is the template and around it a ‘table-row’ box. Around it may be zero or more anonymous boxes according to the rules for Anonymous table objects [CSS21].
table-column-group
table-column
The template is ignored and the element is treated as an element of the indicated type.
table-cell
The element is a table cell with a template.
table-caption
The element is a table caption with a template.
none
The template is ignored and the element is treated as for ‘display: none’.

sources: http://css-infos.net/property/-webkit-box-pack

http://www.w3.org/TR/css3-layout/

Add your comments

Loading Facebook Comments ...
Loading Disqus Comments ...