DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Markdown redirect frontmatter

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6987631

fbshipit-source-id: 8b3431fa885fb94d4a87119b5a5199db0b36b20c
This commit is contained in:
Emil Sjölander
2018-02-14 08:42:49 -08:00
committed by Facebook Github Bot
parent 740ef6cd9e
commit 3ec41b656f
24 changed files with 207 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
website/contents/properties/margins-paddings-borders.md
View File

@@ -6,27 +6,21 @@ hasPlayground: true
## Margins, Paddings, and Borders
### Margin
Margin effect the spacing around the outside of a node. A node with margin
**MARGIN** effects the spacing around the outside of a node. A node with margin
will offset itself from the bounds of its parent but also offset the
location of any siblings. The margin of a node contributes to the total size
of its parent if the parent is auto sized.
<controls prop="margin"></controls>
### Padding
Padding affect the size of the node it is applied to. Padding in Yoga acts as if
**PADDING** affects the size of the node it is applied to. Padding in Yoga acts as if
`box-sizing: border-box;` was set. That is padding will not add to the total size
of an element if it has an explicit size set. For auto sized nodes padding will increase
the size of the node as well as offset the location of any children.
<controls prop="padding"></controls>
### Border
Border in Yoga acts exactly like padding and only exists as a seperate property so
**BORDER** in Yoga acts exactly like padding and only exists as a seperate property so
that higher level frameworks get a hint as to how thick to draw a border. Yoga however
does not do any drawing so just uses this information during layout where border
acts exactly like padding.