Manwal ng Sanggunian ng CSS

CSS Attribute

A

accent-color Tinutukoy ang pangunahing kulay ng pagpapaalam sa user interface control.
align-content Tinutukoy ang paraan ng alining ng mga hilera sa loob ng elastic container, kapag ang mga item ay hindi gumagamit ng lahat ng magagamit na espasyo.
align-items Tinutukoy ang paraan ng alining ng item sa loob ng elastic container.
align-self Tinutukoy ang paraan ng alining ng napiling item sa loob ng elastic container.
all I-reset ang lahat ng attribute (hindi ang unicode-bidi at direction).
animation Ang maikling paraan ng lahat ng animation-* na attribute.
animation-delay Tinutukoy ang pagkaantala bago magsisimula ang animation.
animation-direction Tinutukoy kung ang animation ay magpapatayin, magpapatigil, o magpalit palit-palit.
animation-duration Tinutukoy ang oras na dapat gumugol ng isang ciclo ng animation.
animation-fill-mode Tinutukoy ang estilo ng elemento kapag hindi naglalarawan ang animation (bago ng pagsisimula, pagkatapos ng pagtatapos, o parehong oras).
animation-iteration-count Tinutukoy ang bilang na kailangang paglalarawan ng animation.
animation-name Tinutukoy ang pangalan ng animation na may @keyframes.
animation-play-state Tinutukoy kung ang animation ay magpapatayin o magpapatigil.
animation-timing-function Tinutukoy ang kurva ng katipan ng kinesiograma ng animation.
aspect-ratio Tinutukoy ang prefereng aspect ratio ng elemento.

B

backdrop-filter Tinutukoy ang graphic effect ng background area ng elemento.
backface-visibility Tinutukoy kung ang likod ng elemento ay dapat nakikita kapag nasa harap ng user.
background Ang maikling paraan ng lahat ng background-* na attribute.
background-attachment I-set ang background image kung ito ay kumakalat kasama ang ibang bahagi ng pahina o fixed.
background-blend-mode Tinutukoy ang modong paghahalo ng bawat background layer (kulay/image).
background-clip Tinutukoy ang distansya na dapat palaganapin ang background (kulay o image) sa loob ng elemento.
background-color Tinutukoy ang kulay ng background ng elemento.
background-image Tinutukoy ang isang o maraming background image ng elemento.
background-origin Tinutukoy ang unang posisyon ng background image.
background-position Tukuy ang posisyon ng background image.
background-position-x Tukuy ang posisyon ng background image sa x-axis.
pr_background-position-y Tukuy ang posisyon ng background image sa y-axis.
background-repeat Iset kung magkakaroon ng pagpalit at kung paano ito magpapatuloy.
background-size Tukuy ang laki ng background image.
block-size Tukuy ang laki ng elemento sa direksyon ng bloke.
border Maliit na pangalan ng property ng border-width, border-style at border-color.
border-block

Ang maikling paraan ng mga sumusunod na atrybuto:
border-block-color Iset ang kulay ng bawat border sa simula at katapusan ng direksyon ng bloke.
border-block-end

Ang maikling paraan ng mga sumusunod na atrybuto:
border-block-end-color Iset ang kulay ng bawat border sa katapusan ng direksyon ng bloke.
border-block-end-style Iset ang estilo ng bawat border sa katapusan ng direksyon ng bloke.
border-block-end-width Iset ang lapad ng bawat border sa katapusan ng direksyon ng bloke.
border-block-start

Ang maikling paraan ng mga sumusunod na atrybuto:
border-block-start-color Iset ang kulay ng bawat border sa simula ng direksyon ng bloke.
border-block-start-style Iset ang estilo ng bawat border sa simula ng direksyon ng bloke.
border-block-start-width Iset ang lapad ng bawat border sa simula ng direksyon ng bloke.
border-block-style Iset ang estilo ng bawat border sa simula at katapusan ng direksyon ng bloke.
border-block-width Iset ang lapad ng bawat border sa simula at katapusan ng direksyon ng bloke.
border-bottom Maliit na pangalan ng property ng border-bottom-width, border-bottom-style at border-bottom-color.
border-bottom-color Iset ang kulay ng bawat border sa ibaba.
border-bottom-left-radius Tukuy ang radyo ng border sa kaliwang ibaba.
border-bottom-right-radius Tukuy ang radyo ng border sa kanang ibaba.
border-bottom-style Iset ang estilo ng bawat border sa ibaba.
border-bottom-width Iset ang lapad ng bawat border sa ibaba.
border-collapse Iset ang border ng talahanapan upang maging magkakasunod na isang border o maghihiwalay.
border-color I-set ang kulay ng apat na border.
border-end-end-radius I-set ang radius ng sulok sa tapat ng bloke at katapusan ng direksyong inline.
border-end-start-radius I-set ang radius ng sulok sa tapat ng bloke at simula ng direksyong inline.
border-image Maikling attribute ng border-image-*.
border-image-outset Tumutukoy sa dami ng imahe ng border na lumalabas sa border.
border-image-repeat Tumutukoy kung paano ito ay dapat maulit, maging kulog, o pinagsagana ang imahe ng border.
border-image-slice Tumutukoy kung paano hahalalang ang imahe ng border.
border-image-source Tumutukoy sa linya ng paraan ng imahe na ginagamit bilang border.
border-image-width Tumutukoy sa lapad ng imahe ng border.
border-inline

Ang maikling paraan ng mga sumusunod na atrybuto:
border-inline-color I-set ang kulay ng border mula sa simula hanggang katapusan ng direksyong inline.
border-inline-end

Ang maikling paraan ng mga sumusunod na atrybuto:
border-inline-end-color I-set ang kulay ng border mula sa katapusan ng direksyong inline.
border-inline-end-style I-set ang estilo ng border mula sa katapusan ng direksyong inline.
border-inline-end-width I-set ang lapad ng border mula sa katapusan ng direksyong inline.
border-inline-start

Ang maikling paraan ng mga sumusunod na atrybuto:
border-inline-start-color I-set ang kulay ng border mula sa simula ng direksyong inline.
border-inline-start-style I-set ang estilo ng border mula sa simula ng direksyong inline.
border-inline-start-width I-set ang lapad ng border mula sa simula ng direksyong inline.
border-inline-style I-set ang estilo ng border mula sa simula hanggang katapusan ng direksyong inline.
border-inline-width I-set ang lapad ng border mula sa simula hanggang katapusan ng direksyong inline.
border-left Maikling attribute ng lahat ng border-left-*.
border-left-color I-set ang kulay ng kaliwang border.
border-left-style I-set ang estilo ng kaliwang border.
border-left-width I-set ang lapad ng kaliwang border.
border-radius Maikling attribute ng apat na border-*-radius.
border-right Lahat ng maikling attribute ng border-right-*.
border-right-color SET THE COLOR OF THE RIGHT BORDER.
BORDER-RIGHT-STYLE SET THE STYLE OF THE RIGHT BORDER.
BORDER-RIGHT-WIDTH SET THE WIDTH OF THE RIGHT BORDER.
BORDER-SPACING SET THE DISTANCE BETWEEN ADJACENT CELL BORDERS.
BORDER-START-END-RADIUS SET THE CORNER RADIUS BETWEEN THE BLOCK START AND INLINE END EDGES OF THE ELEMENT.
BORDER-START-START-RADIUS SET THE CORNER RADIUS BETWEEN THE BLOCK START AND INLINE START EDGES OF THE ELEMENT.
BORDER-STYLE SET THE STYLE OF THE FOUR BORDERS.
BORDER-TOP ABBREVIATED PROPERTY OF BORDER-TOP-WIDTH, BORDER-TOP-STYLE, AND BORDER-TOP-COLOR.
BORDER-TOP-COLOR SET THE COLOR OF THE TOP BORDER.
BORDER-TOP-LEFT-RADIUS DEFINE THE BORDER RADIUS OF THE TOP LEFT CORNER.
BORDER-TOP-RIGHT-RADIUS DEFINE THE BORDER RADIUS OF THE TOP RIGHT CORNER.
BORDER-TOP-STYLE SET THE STYLE OF THE TOP BORDER.
BORDER-TOP-WIDTH SET THE WIDTH OF THE TOP BORDER.
BORDER-WIDTH SET THE WIDTH OF THE FOUR BORDERS.
BOTTOM SET THE POSITION OF THE ELEMENT RELATIVE TO THE BOTTOM OF ITS PARENT ELEMENT.
BOX-DECORATION-BREAK SET THE BEHAVIOR OF THE BACKGROUND AND BORDERS OF THE ELEMENT AT THE PAGE BREAK, OR FOR INLINE ELEMENTS AT THE LINE BREAK.
BOX-REFLECT USED TO CREATE REFLECTION EFFECTS FOR ELEMENTS.
BOX-SHADOW ATTACH ONE OR MORE SHADOWS TO THE ELEMENT.
BOX-SIZING DEFINE THE CALCULATION METHOD OF THE WIDTH AND HEIGHT OF THE ELEMENT: WHETHER THEY SHOULD INCLUDE THE INNER PADDING AND BORDERS.
BREAK-AFTER SPECIFY WHETHER PAGE-, COLUMN-, OR REGION-BREAK SHOULD APPEAR AFTER THE DESIGNATED ELEMENT.
BREAK-BEFORE SPECIFY WHETHER PAGE-, COLUMN-, OR REGION-BREAK SHOULD APPEAR BEFORE THE DESIGNATED ELEMENT.
BREAK-INSIDE SPECIFY WHETHER PAGE-, COLUMN-, OR REGION-BREAK SHOULD APPEAR WITHIN THE DESIGNATED ELEMENT.

C

CAPTION-SIDE SPECIFY THE PLACEMENT METHOD OF THE TABLE TITLE.
CARET-COLOR SPECIFY THE COLOR OF THE CURSOR IN THE INPUT, TEXTAREA, OR ANY EDITABLE ELEMENT.
@CHARSET SPECIFY THE CHARACTER ENCODING USED IN THE STYLE SHEET.
CLEAR SPECIFY WHERE THE ELEMENT IS NOT ALLOWED TO FLOAT ON THE SIDE OF THE ELEMENT
CLIP CUT THE ABSOLUTE POSITION ELEMENTS.
clip-path Tinuturing ang pag-cut ng elemento sa pangunahing hugis o SVG source.
color Tinuturing ang kulay ng teksto.
color-scheme Tinuturing kung anong sistema ng kulay ng OS ang dapat gamitin sa pagpipinta ng elemento.
column-count Tinuturing kung anong bilang ng kolumna ang dapat ilagay sa elemento.
column-fill Tinuturing kung paano ilagay ang kolumna (kung magiging balanced o hindi).
column-gap Tinuturing ang paghahalaga ng paghahalaga ng kolumna.
column-rule Ang maikling paraan ng lahat ng column-rule-* na attribute.
column-rule-color Tinuturing ang kulay ng panlabas ng kolumna.
column-rule-style Tinuturing ang estilo ng panlabas ng kolumna.
column-rule-width Tinuturing ang laki ng panlabas ng kolumna.
column-span Tinuturing kung anong kolumna ang dapat nilampasan ng elemento.
column-width Tinuturing ang laki ng kolumna.
columns Ang maikling paraan ng column-width at column-count.
@container Tinuturing ang estilo ng elemento sa loob ng konteyner ayon sa laki o estilo ng konteyner.
content Ginagamit kasama ang :before at :after pseudo-elements upang ipasok ang nilalangkutan na nilalaman.
counter-increment I dagdag o bawasan ang halaga ng isang o ilang CSS counter.
counter-reset Tatayo o ireset ng isang o ilang CSS counter.
counter-set Tatayo o itatag ng isang o ilang CSS counter.
@counter-style Pinapahintulutan kang magtayo ng sariling estilo ng counter.
cursor Tinuturing kung anong mouse cursor na dapat ipakita kapag inilapat ang elemento.

D

direction Tinuturing ang direksyon ng teksto o paraan ng pagsusulat.
display Tinuturing kung paano ipakita ang isang HTML elemento.

E

empty-cells Tinuturing kung magpakita o hindi ang border at background sa bakanteng cell ng talahanayan.

F

filter Tinuturing ang epekto ng elemento bago ito maipakita (halimbawa, pagkabulok o pagkakalat ng kulay).
flex Ang maikling paraan ng flex-grow, flex-shrink at flex-basis.
flex-basis Tinuturing ang inisyal na haba ng malayang proyekto.
flex-direction Tinuturing ang direksyon ng malayang proyekto.
flex-flow Ang maikling paraan ng flex-direction at flex-wrap.
flex-grow Tinuturing ang dagdag ng isang proyekto sa paghahambing sa ibang proyekto.
flex-shrink Tinuturing ang bawas ng isang proyekto sa paghahambing sa ibang proyekto.
flex-wrap Tutukoy kung dapat o hindi magpalit ng linya ang malaking elemento.
float Tutukoy kung dapat o hindi mapalipat ang kahon (box).
font Maliit na pangalang pang font-style, font-variant, font-weight, font-size/line-height at font-family.
@font-face Payagan ang mga patakaran ng websayt na mag-imo at gamitin ang iba pang font kaysa sa "web-safe" font.
font-family Tutukoy ang pamilya ng font ng teksto (pamilya ng font).
font-feature-settings Payagan ang kontrol sa mga adhikain ng nakasulat na pahayagan sa OpenType font.
@font-feature-values Payagan ang tagapaglikha na gamitin ang pangalan ng pangkalahatan sa font-variant-alternate upang maisaknit ang mga katangian na nagtataglay ng iba't ibang aktibasyon sa OpenType.
font-kerning Kontrolin ang paggamit ng informasyon sa pagkakalitaw ng font (spatial kerning).
font-language-override Kontrolin ang paggamit ng letrang paliit ng partikular na wika sa paggamit ng font.
@font-palette-values Payagan kang magkaroon ng sariling na setting para sa default na lapi ng font.
font-size Tutukoy ang laki ng font ng teksto.
font-size-adjust Panatilihin ang pagkakalitaw sa panahon ng pagbabalik ng font.
font-stretch Pumili ng pangkaraniwang, komprimido o pinalawak na font mula sa pamilya ng font.
font-style Tutukoy ang estilo ng font ng teksto.
font-synthesis Kontrolin kung aling nawawalang font (maaliit o may balakid) ang maaaring sintetisahan ng browser.
font-variant Tutukoy kung dapat ang teksto ay ipakita sa maliit na kapitong letrang paliit.
font-variant-alternates Kontrolin ang paggamit ng alternatibong letrang paliit na may kaugnayan sa alternatibong pangalan na itinakda sa @font-feature-values.
font-variant-caps Kontrolin ang paggamit ng alternatibong letrang paliit para sa kapitong letrang paliit.
font-variant-east-asian Kontrolin ang paggamit ng alternatibong letrang paliit para sa silangang Asya na teksto (halimbawa, Tsino at Hapones).
font-variant-ligatures Kontrolin ang paggamit ng kawing at kontekstong porma na ginagamit sa teksto ng elemento.
font-variant-numeric Kontrolin ang paggamit ng alternatibong letrang paliit para sa numero, porsiyento at numerong marka.
font-variant-position Kontrolin ang paggamit ng alternatibong letrang paliit, na naka-locate sa ibabaw o sa ilalim ng batas ng font na pang-ibabaw o pang-ibaba.
font-weight Specify the thickness of the font.

G

grid The shorthand property of the grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and grid-auto-flow properties.
grid-area Can specify the name of the grid item, or it can be a shorthand property of the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties.
grid-auto-columns Specify the default column size.
grid-auto-flow Specify how to insert automatically placed items in the grid.
grid-auto-rows Specify the default row size.
grid-column The shorthand property of the grid-column-start and grid-column-end properties.
grid-column-end Specify how to end the grid item.
grid-column-gap Specify the size of the column gap.
grid-column-start Specify where the grid item starts.
grid-gap The shorthand property of the grid-row-gap and grid-column-gap.
grid-row The shorthand property of the grid-row-start and grid-row-end properties.
grid-row-end Specify where the grid item ends.
grid-row-gap Specify the size of the column gap.
grid-row-start Specify where the grid item starts.
grid-template The shorthand property of the grid-template-rows, grid-template-columns, and grid-areas properties.
grid-template-areas Specify how to display columns and rows using named grid items.
grid-template-columns Specify the size of the columns and the number of columns in the grid layout.
grid-template-rows Specify the size of the rows in the grid layout.

H

hanging-punctuation Specify whether punctuation can be placed outside the line box.
height Set the height of the element.
hyphens Set how to split words to improve the layout of the paragraph.
hyphenate-character Set the character used for hyphenation before line breaks.

I

image-rendering tukuyin ang uri ng algoritmo na gagamitin para sa pagkukukunin ng larawan.
@import pinapayagan ka na i-import ang stylesheet mula sa ibang stylesheet.
initial-letter tulungan ka na itakda ang laki ng unang titik, at opsyonal na itakda ang bilang ng mga linya na dapat umabot ang unang titik.
inline-size tukuyin ang laki ng elemento sa direksyon ng linya.
inset tukuyin ang layo ng elemento mula sa magulang.
inset-block tukuyin ang layo ng elemento mula sa magulang sa direksyon ng bloke.
inset-block-end tukuyin ang layo ng elemento mula sa magulang sa direksyon ng bloke.
inset-block-start tukuyin ang layo ng elemento mula sa magulang sa direksyon ng bloke.
inset-inline tukuyin ang layo ng elemento mula sa magulang sa direksyon ng linya.
inset-inline-end tukuyin ang layo ng elemento mula sa magulang sa direksyon ng linya.
inset-inline-start tukuyin ang layo ng elemento mula sa magulang sa direksyon ng linya.
isolation tumutukoy kung kailangan baguhin ang elemento ang bagong nilalagay sa stack.

J

justify-content tumutukoy sa paraan ng alinemento ng item sa container ng flexible, kapag ang item ay hindi gumagamit ng lahat ng magagamit na espasyo.
justify-items tumutukoy sa paraan ng alinemento ng item ng grid sa direksyon ng linya. I-set sa container ng grid.
justify-self tumutukoy sa paraan ng alinemento ng item ng grid sa direksyon ng linya. I-set sa item ng grid.

K

@keyframes tumutukoy sa kodigo ng animasyon.

L

@layer kontrolin kung paano ang pagtutukoy ng pagkakasunud-sunod ng estilo sa CSS.
left Tukuyin ang kaliwang posisyon ng naaayos na elemento.
letter-spacing tumaas o bawasan ang layo ng mga character sa teksto.
line-break paano paano/ano ang pagtalilipas ng linya.
line-height itakda ang taas ng linya.
list-style itakda ang lahat ng atrubuto ng listahan sa isang pahayag.
list-style-image itakda ang larawan bilang markang tala ng listahan.
list-style-position tumutukoy sa posisyon ng markang tala ng listahan.
list-style-type tumutukoy sa uri ng markang tala ng listahan.

M

margin itakda ang lahat ng atrubuto ng labing kanyang gawas sa isang pahayag.
margin-block tukuyin ang labing kanyang gawas sa direksyon ng bloke.
margin-block-end tukuyin ang labing kanyang gawas sa katapusan ng direksyon ng bloke.
margin-block-start tukuyin ang labing kanyang gawas sa simula ng direksyon ng bloke.
margin-bottom itakda ang labing kanyang gawas sa ilalim ng elemento.
margin-inline tukuyin ang labing kanyang gawas na layo sa linya ng pagkalat.
margin-inline-end Tinukoy ang labas na marjin sa katapusan ng direksyong inline.
margin-inline-start Tinukoy ang labas na marjin sa simula ng direksyong inline.
margin-left Tinataya ang babaang lalong-bahagi ng labas na marjin ng elemento.
margin-right Tinataya ang kanang lalong-bahagi ng labas na marjin ng elemento.
margin-top Tinataya ang mataas na lalong-bahagi ng labas na marjin ng elemento.
marker Tutukoy ang mark na magiging inilalarawan sa lahat ng tuktok ng daan ng elemento (unang, gitnang, at huling).
marker-end Tutukoy ang mark na magiging inilalarawan sa huling tuktok ng daan ng elemento.
marker-mid Tutukoy ang mark na magiging inilalarawan sa lahat ng gitnang tuktok ng daan ng elemento.
marker-start Tutukoy ang mark na magiging inilalarawan sa unang tuktok ng daan ng elemento.
mask

Ang maikling paraan ng mga sumusunod na atrybuto:
mask-clip Tinukoy ang pook na naapektuhan ng imaheng mask.
mask-composite Tinukoy ang operasyon ng komposisyon na ginagamit sa kasalukuyang mask layer at sa mask layer na nasa ilalim.
mask-image Tinukoy ang imaheng magiging mask layer ng elemento.
mask-mode Tinukoy kung ang imaheng mask layer ay dapat na itatalaga bilang liwanag na mask o alpha na mask.
mask-origin Tinukoy ang orihinal na posisyon ng imaheng mask layer (kapag nakadepende sa pook ng posisyon ng mask).
mask-position Tinataya ang pagsisimula ng posisyon ng imaheng mask layer (kapag nakadepende sa pook ng posisyon ng mask).
mask-repeat Tinukoy ang paraan ng pagpapatuloy ng imaheng mask layer.
mask-size Tinukoy ang laki ng imaheng mask layer.
mask-type Tinukoy ang SVG Kung ang elemento ay dapat na itatalaga bilang liwanag na mask o alpha na mask.
max-height Tinataya ang pinakamalaking taas ng elemento.
max-width Tinataya ang pinakamalaking lapad ng elemento.
@media Tinutukoy ang mga patakaran ng estilo para sa iba't ibang uri ng media, aparato, at sukat.
max-block-size Tinataya ang pinakamaliit na laki ng elemento sa direksyong block.
max-inline-size Tinataya ang pinakamaliit na laki ng elemento sa direksyong inline.
min-block-size Tinataya ang pinakamaliit na laki ng elemento sa direksyong block.
min-inline-size Tinataya ang pinakamaliit na laki ng elemento sa direksyong inline.
min-height Tinataya ang pinakamaliit na taas ng elemento.
min-width Tinataya ang pinakamaliit na lapad ng elemento.
mix-blend-mode Tinutukoy kung paano ang nilalaman ng elemento ay dapat pinaghalo sa likod ng kanyang direktang magulang.

N

@namespace Tinutukoy ang XML na pangalan ng namespace na ginagamit sa talataas ng estilo.

O

object-fit Tinutukoy kung paano ang nilalaman ng pagsusubstitusyon ay dapat tumugma sa taas at lapad ng kahon na nilikha dahil sa ginamit na taas at lapad.
object-position 指定替换元素在其框内的对齐方式。
offset

Ang maikling paraan ng mga sumusunod na atrybuto:
offset-anchor 指定元素上固定在动画路径上的点。
offset-distance 指定动画元素在路径上的位置。
offset-path 指定元素沿其动画的路径。
offset-position 指定元素沿路径的初始位置。
offset-rotate 指定元素沿路径动画时的旋转。
opacity 设置元素的不透明等级。
order 设置弹性项目相对于其余项目的顺序。
orphans 设置页面或列底部必须保留的最小行数。
orphans 设置在元素内发生分页时必须保留在页面底部的最小行数。
outline outline-width、outline-style 以及 outline-color 属性的简写属性。
outline-color 设置轮廓的颜色。
outline-offset 对轮廓进行偏移，并将其绘制到边框边缘之外。
outline-style 设置轮廓的样式。
outline-width 设置轮廓的宽度。
overflow 规定如果内容溢出元素框会发生什么情况。
overflow-anchor 指定在可滚动容器中加载新内容时，是否应将可见区域中的内容向下推。
overflow-wrap 指定浏览器是否可以在长单词溢出容器时断行。
overflow-wrap 规定浏览器是否可能为了防止溢出而在单词内折行（当字符串太长而无法适应其包含框时）。
overflow-x 规定是否剪裁内容的左右边缘，如果它溢出了元素的内容区域。
overflow-y 规定是否剪裁内容的上下边缘，如果它溢出了元素的内容区域。
overscroll-behavior 指定在 x 和 y 方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-block 指定在块方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-inline 指定在行内方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-x 指定在 x 方向上是否具有滚动链或过度滚动效果。
overscroll-behavior-y 指定在 y 方向上是否具有滚动链或过度滚动效果。

P

padding 所有 padding-* 属性的简写属性。
padding-block Tukuyin ang padding sa block direksyon.
padding-block-end Tukuyin ang padding sa katapusan ng block direksyon.
padding-block-start Tukuyin ang padding sa simula ng block direksyon.
padding-bottom Tukuyin ang bottom padding sa loob ng elemento.
padding-inline Tukuyin ang padding sa inline direksyon.
padding-inline-end Tukuyin ang padding sa katapusan ng inline direksyon.
padding-inline-start Tukuyin ang padding sa simula ng inline direksyon.
padding-left Tukuyin ang left padding sa loob ng elemento.
padding-right Tukuyin ang right padding sa loob ng elemento.
padding-top Tukuyin ang upper padding sa loob ng elemento.
@page I-definihin ang laki, direksyon at pagmargay ng printing page.
page-break-after Tukuyin ang behavior ng pagination (page-break) pagkatapos ang elemento.
page-break-before Tukuyin ang behavior ng pagination (page-break) bago ang elemento.
page-break-inside Tukuyin ang behavior ng pagination (page-break) sa loob ng elemento.
paint-order Tukuyin ang paglalarawan ng SVG elemento o teksto.
perspective I-give perspective sa 3D na naaayos na elemento.
perspective-origin Tukuyin ang posisyon kung saan ang user ay magiging makikita ng 3D na naaayos na elemento.
place-content Tukuyin ang halaga ng align-content at justify-content attribute ng flexbox at grid layout.
place-items Tukuyin ang halaga ng align-items at justify-items attribute ng grid layout.
place-self Tukuyin ang halaga ng align-self at justify-self attribute ng grid layout.
pointer-events Tukuyin kung ang elemento ay magiging tumutugon sa pointer event.
position Tukuyin ang uri ng posisyon na gagamitin ng elemento (statiko, relatibo, absolute o fixed).
@property I-definihin ang custom CSS attribute sa inline style sheet, walang kailangang pataasin ang anumang JavaScript.

Q

quotes Tukuyin ang uri ng quotes.

R

resize Tukuyin kung ang user ay magiging gumagawa ng pagsasaayos ng laki ng elemento at kung paano.
right Tukuyin ang kaliwang posisyon ng naaayos na elemento.
rotate Tukuyin ang pag-rotate ng elemento.
row-gap Tukuyin ang pagkakaiba ng layo ng grid row.

S

scale Tinutukoy ang laki ng elemento sa pamamagitan ng pagbigyan o pagwalain.
@scope Pinapahintulutan mo na pumili ng mga elemento sa partikular na DOM subtree at maayos na i-locate ang mga elemento nang hindi kailangan ng napakaspesipikong selector.
scroll-behavior Tinutukoy kung ang scroll na container ay magiging mag-soft na paggalaw o magiging direktang paggalaw.
scroll-margin Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa container.
scroll-margin-block Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa container.
scroll-margin-block-end Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa katapusan ng container.
scroll-margin-block-start Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa simula ng container.
scroll-margin-bottom Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa ilalim ng container.
scroll-margin-inline Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa container.
scroll-margin-inline-end Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa katapusan ng container.
scroll-margin-inline-start Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa simula ng container.
scroll-margin-left Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa kaliwa ng container.
scroll-margin-right Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa kanan ng container.
scroll-margin-top Tinutukoy ang layo ng hanggang sa posisyon ng pinagkakabit na elemento sa ibabaw ng container.
scroll-padding Tinutukoy ang layo ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-block Tinutukoy ang layo ng pang-blok ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-block-end Tinutukoy ang layo ng pang-blok na nasa katapusan ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-block-start Tinutukoy ang layo ng pang-blok na nasa simula ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-bottom Tinutukoy ang layo ng ilalim ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-inline Tinutukoy ang layo ng pang-panig ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-inline-end Tinutukoy ang layo ng pang-panig na nasa katapusan ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-inline-start Tinutukoy ang layo ng pang-panig na nasa simula ng container hanggang sa posisyon ng pinagkakabit na elemento.
scroll-padding-left Tinutukoy ang layo mula sa dakong itaas ng konteyner hanggang sa posisyon ng pag-uugnay ng anak.
scroll-padding-right Tinutukoy ang layo mula sa kanan ng konteyner hanggang sa posisyon ng pag-uugnay ng anak.
scroll-padding-top Tinutukoy ang layo mula sa itaas ng konteyner hanggang sa posisyon ng pag-uugnay ng anak.
scroll-snap-align Tinutukoy ang posisyon ng elemento kapag natapos ng paggalaw ng user.
scroll-snap-stop Tinutukoy ang paggalaw ng paggalaw kapag naggalaw ng touchpad o touchscreen.
scroll-snap-type Tinutukoy ang pag-uugnay sa paggalaw kapag naggalaw.
scrollbar-color Tinutukoy ang kulay ng scrollbar ng elemento.
shape-outside Tinutukoy ang hugis ng pagsusulong ng linya na nakikita sa loob ng elemento.
@starting-style Tinutukoy ang unang estilo ng elemento bago ang unang update ng estilo.
@supports Ginagamit para sa pagsubok kung ang browser ay sumusuporta sa isang CSS katangian.

T

tab-size Tinutukoy ang lapad ng tab.
table-layout Tinutukoy ang algoritmo na gagamitin para sa paglako ng layout ng cell, linya at column.
text-align Tinutukoy ang paraan ng horizontal na alinlangan ng teksto.
text-align-last Inilarawan kung paano alinlangan ang huling linya ng bloke o linya kapag ang text-align ay "justify", bago ang pagpalit ng linya.
text-combine-upright Ihahalaw ang ilang character sa isang lugar ng isang character.
text-decoration Tinutukoy ang dekorasyon ng teksto.
text-decoration-color Tinutukoy ang kulay ng dekorasyon ng teksto (text-decoration).
text-decoration-line Tinutukoy ang uri ng linya ng dekorasyon ng teksto (text-decoration).
text-decoration-style Tinutukoy ang linya ng estilo ng dekorasyon ng teksto (text-decoration).
text-decoration-thickness Tinutukoy ang kapal ng linya ng dekorasyon.
text-emphasis

Ang maikling paraan ng mga sumusunod na atrybuto:
text-emphasis-color Tinutukoy ang kulay ng markang pangpaliwanag.
text-emphasis-position Tinutukoy ang posisyon ng markang pangpaliwanag.
text-emphasis-style Tinutukoy ang estilo ng markang pangpaliwanag.
text-indent Tinutukoy ang pagsisikain ng unang linya ng bloke ng teksto (text-block).
text-justify Tinutukoy ang paraan ng alinlangan kapag ang text-align ay "justify".
text-orientation Define the direction of characters in a line.
text-overflow Specify what should happen when text overflows the containing element.
text-shadow Add text shadow.
text-transform Control the capitalization of the text.
text-underline-offset Specify the offset distance of the underline text decoration.
text-underline-position Specify the position of the underline text decoration.
top Specify the top position of the positioned element.
transform Apply 2D or 3D transformations to the element.
transform-origin Allow you to change the position of the transformed element.
transform-style Specify how nested elements are rendered in 3D space.
transition Abbreviated property for all transition-* properties.
transition-delay Specify when the transition effect should start.
transition-duration Specify the number of seconds or milliseconds required to complete the transition effect.
transition-property Specify the name of the CSS property corresponding to the transition effect.
transition-timing-function Specify the speed curve of the transition effect.
translate Specify the position of the element.

U

unicode-bidi Used with the direction attribute to set or return whether text should be overwritten to support multiple languages in the same document.
user-select Specify whether the text of the element can be selected.

V

vertical-align Set the vertical alignment of the element.
visibility Specify whether the element is visible.

W

white-space Specify how to handle whitespace within an element.
widows Set the minimum number of lines that must be retained at the top of the page or column.
widows Set the minimum number of lines that must be retained at the top of the page if pagination occurs within the element.
width Set the width of the element.
word-break Specify how to break the line after a word reaches the end of the line.
word-spacing Increase or decrease the spacing between words in the text.
word-wrap Allow long words that cannot be broken to wrap to the next line.
writing-mode Specify whether the text line is horizontally or vertically aligned.

Z

z-index Set the stacking order of the positioned element.
zoom The zoom factor of the specified element. Elements can be zoomed in and out.