p-px
|
padding: 1px;
|
-p-px
|
padding: -1px;
|
px-px
|
padding-inline: 1px;
|
-px-px
|
padding-inline: -1px;
|
py-px
|
padding-block: 1px;
|
-py-px
|
padding-block: -1px;
|
ps-px
|
padding-inline-start: 1px;
|
-ps-px
|
padding-inline-start: -1px;
|
pe-px
|
padding-inline-end: 1px;
|
-pe-px
|
padding-inline-end: -1px;
|
pt-px
|
padding-top: 1px;
|
-pt-px
|
padding-top: -1px;
|
pr-px
|
padding-right: 1px;
|
-pr-px
|
padding-right: -1px;
|
pb-px
|
padding-bottom: 1px;
|
-pb-px
|
padding-bottom: -1px;
|
pl-px
|
padding-left: 1px;
|
-pl-px
|
padding-left: -1px;
|
p-<number>
|
padding: calc(var(--spacing) * <number>);/* 0.25rem */
|
p-4
|
padding: calc(var(--spacing) * 4);
|
p-<fraction>
|
padding: <percentage>;
|
p-1/2
|
padding: 50%;
|
p-[<value>]
|
padding: <value>;
|
p-[1rem]
|
padding: 1rem;
|
p-(<custom-property>)
|
padding: var(<custom-property>);
|
p-(--my-length)
|
padding: var(--my-length);
|
p-(length:<custom-property>)
|
padding: var(<custom-property>);
|
p-(length:--my-length)
|
padding: var(--my-length);
|
-p-<number>
|
padding: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-p-4
|
padding: calc(var(--spacing) * -4);
|
-p-<fraction>
|
padding: calc(<percentage> * -1);
|
-p-1/2
|
padding: calc(50% * -1);
|
px-<number>
|
padding-inline: calc(var(--spacing) * <number>);/* 0.25rem */
|
px-4
|
padding-inline: calc(var(--spacing) * 4);
|
px-<fraction>
|
padding-inline: <percentage>;
|
px-1/2
|
padding-inline: 50%;
|
px-[<value>]
|
padding-inline: <value>;
|
px-[1rem]
|
padding-inline: 1rem;
|
px-(<custom-property>)
|
padding-inline: var(<custom-property>);
|
px-(--my-length)
|
padding-inline: var(--my-length);
|
px-(length:<custom-property>)
|
padding-inline: var(<custom-property>);
|
px-(length:--my-length)
|
padding-inline: var(--my-length);
|
-px-<number>
|
padding-inline: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-px-4
|
padding-inline: calc(var(--spacing) * -4);
|
-px-<fraction>
|
padding-inline: calc(<percentage> * -1);
|
-px-1/2
|
padding-inline: calc(50% * -1);
|
py-<number>
|
padding-block: calc(var(--spacing) * <number>);/* 0.25rem */
|
py-4
|
padding-block: calc(var(--spacing) * 4);
|
py-<fraction>
|
padding-block: <percentage>;
|
py-1/2
|
padding-block: 50%;
|
py-[<value>]
|
padding-block: <value>;
|
py-[1rem]
|
padding-block: 1rem;
|
py-(<custom-property>)
|
padding-block: var(<custom-property>);
|
py-(--my-length)
|
padding-block: var(--my-length);
|
py-(length:<custom-property>)
|
padding-block: var(<custom-property>);
|
py-(length:--my-length)
|
padding-block: var(--my-length);
|
-py-<number>
|
padding-block: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-py-4
|
padding-block: calc(var(--spacing) * -4);
|
-py-<fraction>
|
padding-block: calc(<percentage> * -1);
|
-py-1/2
|
padding-block: calc(50% * -1);
|
ps-<number>
|
padding-inline-start: calc(var(--spacing) * <number>);/* 0.25rem */
|
ps-4
|
padding-inline-start: calc(var(--spacing) * 4);
|
ps-<fraction>
|
padding-inline-start: <percentage>;
|
ps-1/2
|
padding-inline-start: 50%;
|
ps-[<value>]
|
padding-inline-start: <value>;
|
ps-[1rem]
|
padding-inline-start: 1rem;
|
ps-(<custom-property>)
|
padding-inline-start: var(<custom-property>);
|
ps-(--my-length)
|
padding-inline-start: var(--my-length);
|
ps-(length:<custom-property>)
|
padding-inline-start: var(<custom-property>);
|
ps-(length:--my-length)
|
padding-inline-start: var(--my-length);
|
-ps-<number>
|
padding-inline-start: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-ps-4
|
padding-inline-start: calc(var(--spacing) * -4);
|
-ps-<fraction>
|
padding-inline-start: calc(<percentage> * -1);
|
-ps-1/2
|
padding-inline-start: calc(50% * -1);
|
pe-<number>
|
padding-inline-end: calc(var(--spacing) * <number>);/* 0.25rem */
|
pe-4
|
padding-inline-end: calc(var(--spacing) * 4);
|
pe-<fraction>
|
padding-inline-end: <percentage>;
|
pe-1/2
|
padding-inline-end: 50%;
|
pe-[<value>]
|
padding-inline-end: <value>;
|
pe-[1rem]
|
padding-inline-end: 1rem;
|
pe-(<custom-property>)
|
padding-inline-end: var(<custom-property>);
|
pe-(--my-length)
|
padding-inline-end: var(--my-length);
|
pe-(length:<custom-property>)
|
padding-inline-end: var(<custom-property>);
|
pe-(length:--my-length)
|
padding-inline-end: var(--my-length);
|
-pe-<number>
|
padding-inline-end: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-pe-4
|
padding-inline-end: calc(var(--spacing) * -4);
|
-pe-<fraction>
|
padding-inline-end: calc(<percentage> * -1);
|
-pe-1/2
|
padding-inline-end: calc(50% * -1);
|
pt-<number>
|
padding-top: calc(var(--spacing) * <number>);/* 0.25rem */
|
pt-4
|
padding-top: calc(var(--spacing) * 4);
|
pt-<fraction>
|
padding-top: <percentage>;
|
pt-1/2
|
padding-top: 50%;
|
pt-[<value>]
|
padding-top: <value>;
|
pt-[1rem]
|
padding-top: 1rem;
|
pt-(<custom-property>)
|
padding-top: var(<custom-property>);
|
pt-(--my-length)
|
padding-top: var(--my-length);
|
pt-(length:<custom-property>)
|
padding-top: var(<custom-property>);
|
pt-(length:--my-length)
|
padding-top: var(--my-length);
|
-pt-<number>
|
padding-top: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-pt-4
|
padding-top: calc(var(--spacing) * -4);
|
-pt-<fraction>
|
padding-top: calc(<percentage> * -1);
|
-pt-1/2
|
padding-top: calc(50% * -1);
|
pr-<number>
|
padding-right: calc(var(--spacing) * <number>);/* 0.25rem */
|
pr-4
|
padding-right: calc(var(--spacing) * 4);
|
pr-<fraction>
|
padding-right: <percentage>;
|
pr-1/2
|
padding-right: 50%;
|
pr-[<value>]
|
padding-right: <value>;
|
pr-[1rem]
|
padding-right: 1rem;
|
pr-(<custom-property>)
|
padding-right: var(<custom-property>);
|
pr-(--my-length)
|
padding-right: var(--my-length);
|
pr-(length:<custom-property>)
|
padding-right: var(<custom-property>);
|
pr-(length:--my-length)
|
padding-right: var(--my-length);
|
-pr-<number>
|
padding-right: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-pr-4
|
padding-right: calc(var(--spacing) * -4);
|
-pr-<fraction>
|
padding-right: calc(<percentage> * -1);
|
-pr-1/2
|
padding-right: calc(50% * -1);
|
pb-<number>
|
padding-bottom: calc(var(--spacing) * <number>);/* 0.25rem */
|
pb-4
|
padding-bottom: calc(var(--spacing) * 4);
|
pb-<fraction>
|
padding-bottom: <percentage>;
|
pb-1/2
|
padding-bottom: 50%;
|
pb-[<value>]
|
padding-bottom: <value>;
|
pb-[1rem]
|
padding-bottom: 1rem;
|
pb-(<custom-property>)
|
padding-bottom: var(<custom-property>);
|
pb-(--my-length)
|
padding-bottom: var(--my-length);
|
pb-(length:<custom-property>)
|
padding-bottom: var(<custom-property>);
|
pb-(length:--my-length)
|
padding-bottom: var(--my-length);
|
-pb-<number>
|
padding-bottom: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-pb-4
|
padding-bottom: calc(var(--spacing) * -4);
|
-pb-<fraction>
|
padding-bottom: calc(<percentage> * -1);
|
-pb-1/2
|
padding-bottom: calc(50% * -1);
|
pl-<number>
|
padding-left: calc(var(--spacing) * <number>);/* 0.25rem */
|
pl-4
|
padding-left: calc(var(--spacing) * 4);
|
pl-<fraction>
|
padding-left: <percentage>;
|
pl-1/2
|
padding-left: 50%;
|
pl-[<value>]
|
padding-left: <value>;
|
pl-[1rem]
|
padding-left: 1rem;
|
pl-(<custom-property>)
|
padding-left: var(<custom-property>);
|
pl-(--my-length)
|
padding-left: var(--my-length);
|
pl-(length:<custom-property>)
|
padding-left: var(<custom-property>);
|
pl-(length:--my-length)
|
padding-left: var(--my-length);
|
-pl-<number>
|
padding-left: calc(var(--spacing) * -<number>);/* 0.25rem */
|
-pl-4
|
padding-left: calc(var(--spacing) * -4);
|
-pl-<fraction>
|
padding-left: calc(<percentage> * -1);
|
-pl-1/2
|
padding-left: calc(50% * -1);
|
