Box架構

ub…..

?

Box架構元素空間大小分配比例

ub-f…….

Ub-f1,ub-f2,ub-f3…….

Box架構元素垂直方向的位置排列

ub-ac,ub-ae…

-webkit-box-align:center;box-align:center;

Box架構元素水平方向的位置排列

ub-pc,ub-pe,ub-pj…

-webkit-box-pack:center;box-pack:center;

Box架構元素垂直排列

ub-ver

-webkit-box-orient:vertical;box-orient:vertical;

Box架構元素排列方向

ub-rev……

-webkit-box-direction:reverse;box-direction:reverse;

背景圖片類別

ub-img[類別]…..

-webkit-background-size:contain;background-repeat:no-repeat;

background-position:center;

圓角類別

uc-[類型][類型][類型]

uc uc-t uc-b uc-l uc-r uc-tr uc-tl uc-bl…

外陰影類別

us[類型]

us usl

內陰影類別

us-i[類型]

us-i

文字陰影

uts

uts

字體大小類別

ulev[類別]…

ulev2 ulev1 ulev0….ulev-4

邊框類別

ub[類型][類型]

uba uba1 ubt ubb ubr….

外邊距類別

umar-[類型]

umar-t umar-1 umar-r umar-b umar-a

內邊距類別

uinn[類別]

uinn uinn1 uinn2…

文字對齊方向

tx-[類型]…..

tx-1 tx-r tx-c