Manwal ng Pakikitungo ng CSS

CSS property

A

accent-color Tinutukoy ang highlight color ng user interface control.
align-content Tinutukoy ang paraan ng alinlangan ng mga linya sa loob ng flexible container, kapag ang mga item ay hindi gumagamit ng lahat ng magagamit na espasyo.
align-items Tinutukoy ang paraan ng alinlangan ng item sa flexible container.
align-self Tinutukoy ang paraan ng alinlangan ng napiling item sa flexible container.
all I-reset ang lahat ng property (maliban sa unicode-bidi at direction).
animation Brevy na attribute ng lahat ng animation-* property.
animation-delay Tinutukoy ang pagkaantala bago magsimula ang animation.
animation-direction Tinutukoy kung ang animation ay dapat magpapatuloy, magpapatuloy sa ibang direksyon o mag-alis-alis.
animation-duration Tinutukoy ang oras na dapat lumampas ng isang cycle ang animation.
animation-fill-mode Tinutukoy ang estilo ng elemento kapag hindi nagpapalabas ng animation (bago, pagkatapos, o parehong beses).
animation-iteration-count Tinutukoy ang bilang na kung ilang beses ang animation ay dapat ipalabas.
animation-name Tinutukoy ang pangalan ng animation sa @keyframes.
animation-play-state Tinutukoy kung ang animation ay dapat pinasalamin o pinahinto.
animation-timing-function Tinutukoy ang kurva ng bilis ng animation.
aspect-ratio Tinutukoy ang inaangkinang aspektong proporsyon ng elemento.

B

backdrop-filter Tinutukoy ang graphic effect ng background area ng elemento.
backface-visibility Tinutukoy kung ang likod ng elemento ay dapat makikita o hindi kapag nakaharap sa user.
background Brevy na attribute ng lahat ng background-* property.
background-attachment Nagtaas ng pagpipilian kung ang background image ay dapat gumigising kasama ang ibang bahagi ng pahina o mananatiling nakatataas.
background-blend-mode Tinutukoy ang mixed mode ng bawat background layer (kulay/image).
background-clip Tinutukoy ang layong dapat lumaganap 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 inaangkinang posisyon ng background image.
background-position Itutukoy ang posisyon ng background image.
background-position-x Tukuyin ang posisyon ng background image sa x-aksisa.
pr_background-position-y Tukuyin ang posisyon ng background image sa y-aksisa.
background-repeat Iset kung paano at kung paano maulit ang background image.
background-size Itutukoy ang laki ng background image.
block-size Tukuyin ang laki ng elemento sa direksyon ng bloke.
border Maliit na atrubuto 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 unang at huling border ng bloke na nagsasalita.
border-block-end

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

Ang maikling paraan ng mga sumusunod na atrybuto:
border-block-start-color Iset ang kulay ng unang border ng bloke na nagsasalita.
border-block-start-style Iset ang estilo ng unang border ng bloke na nagsasalita.
border-block-start-width Iset ang lapad ng unang border ng bloke na nagsasalita.
border-block-style Iset ang estilo ng unang at huling border ng bloke na nagsasalita.
border-block-width Iset ang lapad ng unang at huling border ng bloke na nagsasalita.
border-bottom Maliit na atrubuto ng border-bottom-width, border-bottom-style at border-bottom-color.
border-bottom-color Iset ang kulay ng baba ng border.
border-bottom-left-radius Idinefini ang baba at kaliwang rounding ng border.
border-bottom-right-radius Idinefini ang baba at kanang rounding ng border.
border-bottom-style Iset ang estilo ng baba ng border.
border-bottom-width Iset ang lapad ng baba ng border.
border-collapse Iset ang border ng talahanapan sa pagiging pagbubukas ng isang panig lamang o nagsasabing.
border-color I-set na ang kulay ng apat na border.
border-end-end-radius I-set na ang radius ng sulok sa tapat ng bloke at katapusan ng direksiyon na kasalukuyan.
border-end-start-radius I-set na ang radius ng sulok sa tapat ng bloke at simula ng direksiyon na kasalukuyan.
border-image Maikling attribute ng border-image-*.
border-image-outset Tukuyin kung anong dami ang image ng border na lumalabas sa border.
border-image-repeat Tukuyin kung dapat magsisimula, maging kulog, o lumilipat ang image ng border.
border-image-slice Tukuyin kung paano maitatanim ang image ng border.
border-image-source Tukuyin ang daan ng image na ginagamit bilang border.
border-image-width Tukuyin ang lapad ng image ng border.
border-inline

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

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

Ang maikling paraan ng mga sumusunod na atrybuto:
border-inline-start-color I-set na ang kulay ng border mula sa simula ng direksiyon na kasalukuyan.
border-inline-start-style I-set na ang estilo ng border mula sa simula ng direksiyon na kasalukuyan.
border-inline-start-width I-set na ang lapad ng border mula sa simula ng direksiyon na kasalukuyan.
border-inline-style I-set na ang estilo ng border mula sa simula hanggang katapusan ng direksiyon na kasalukuyan.
border-inline-width I-set na ang lapad ng border mula sa simula hanggang katapusan ng direksiyon na kasalukuyan.
border-left Maikling attribute ng lahat ng border-left-*.
border-left-color I-set na ang kulay ng kaliwang border.
border-left-style I-set na ang estilo ng kaliwang border.
border-left-width I-set na 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 Itataas ang kulay ng kanang border.
border-right-style Itataas ang estilo ng kanang border.
border-right-width Itataas ang lapad ng kanang border.
border-spacing Itataas ang layo sa pagitan ng border ng magkakasunod na cell.
border-start-end-radius Itataas ang corner radius sa pagsasara ng block at inline element.
border-start-start-radius Itataas ang corner radius sa pagsisimula ng block at inline element.
border-style Itataas ang estilo ng apat na border.
border-top Isang maikling attribute ng border-top-width, border-top-style at border-top-color.
border-top-color Itataas ang kulay ng border sa taas.
border-top-left-radius Tinutukoy ang border round corner sa kalinga itaas.
border-top-right-radius Tinutukoy ang border round corner sa kanang itaas.
border-top-style Itataas ang estilo ng border sa taas.
border-top-width Itataas ang lapad ng border sa taas.
border-width Itataas ang lapad ng apat na border.
bottom Itataas ang posisyon ng elemento sa ilalim ng kanyang magulang na elemento.
box-decoration-break Itataas ang pag-iisip at paglagay ng background at border ng elemento sa lugar ng pagbubukas ng pahina, o para sa elemento na nasa loob ng inline sa lugar ng pagbubukas ng linya.
box-reflect Ginagamit upang gumawa ng epekto ng reflection sa elemento.
box-shadow Idinagdag ang isang o ilang shadow sa elemento.
box-sizing Tinutukoy ang paraan kung paano kalkulahin ang lapad at taas ng elemento: kung kanilang kasama ang padding at border.
break-after Tinutukoy kung anong elementong dapat magpakita pagkatapos ng page-, column- o region-break.
break-before Tinutukoy kung anong elementong dapat magpakita bago ang page-, column- o region-break.
break-inside Tinutukoy kung anong elementong dapat magpakita sa loob ng elementong ito page-, column- o region-break.

C

caption-side Tinutukoy ang paraan kung paano ilalagay ang titulong ng talahanayan.
caret-color Tinutukoy ang kulay ng caret sa input, textarea o anumang maaaring ipalit na elemento.
@charset Tinutukoy ang character encoding na ginagamit sa table ng estilo.
clear Tinutukoy kung sa anong gilid ng elemento ay hindi pinapayagan ang paglalagay ng elementong lumilipad.
clip Kutang ang element na may tiyak na posisyon.
clip-path Tinuturing ang pag-cut ng elemento sa pangunahing hugis o SVG source.
color Tinuturing ang kulay ng teksto.
color-scheme Nag-uusap kung anong sistema ng kulay ng operasyong sistema ang dapat gamitin para sa pag-render ng elemento.
column-count Tinuturing kung anong bilang ng kolumna ang dapat hatiin ng elemento.
column-fill Tinuturing kung paano ilagay ang kolumna (kung balanced).
column-gap Tinuturing ang puwang ng kolumna.
column-rule Brevyasyon ng lahat ng column-rule-* na propety.
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 tawagan ng elemento.
column-width Tinuturing ang laki ng kolumna.
columns Brevyasyon ng column-width at column-count na propety.
@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-element upang ihatid ang nilalaman na ginawa.
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 ka na magtayo ng custom counter style.
cursor Tinuturing kung anong mouse cursor na ipapakita kapag napunta ang elemento.

D

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

E

empty-cells Tinuturing kung ipapakita ang border at background sa walang laman na cell ng talahanayan.

F

filter Tinuturing ang epekto bago ipakita ang elemento (halimbawa, malabong o pagkakalat ng kulay).
flex Brevyasyon ng flex-grow, flex-shrink at flex-basis na propety.
flex-basis Tinuturing ang inisyal na haba ng elastikong proyekto.
flex-direction Tinuturing ang direksyon ng elastikong proyekto.
flex-flow Brevyasyon ng flex-direction at flex-wrap na propety.
flex-grow Tinuturing ang dagdag ng proyekto sa ibang proyekto.
flex-shrink Tinuturing ang bawas ng proyekto sa ibang proyekto.
flex-wrap Tinutukoy kung dapat ipalipat ang malakas na elemento sa ibang linya.
float Tinutukoy kung dapat ipalipat ang boks (box) sa paglipat.
font Isang maikling atribo ng font-style, font-variant, font-weight, font-size/line-height at font-family.
@font-face Pinahihintulutan ang alituntunin sa pagdownload at paggamit ng iba pang font kaysa sa "web-safe" font.
font-family Tinutukoy ang pamilya ng font ng teksto (pamilya ng font).
font-feature-settings Pinahihintulutan ang kontrol sa mga nakalulugang katangian ng pagkakasulat sa OpenType font.
@font-feature-values Pinahihintulutan ng tagapaglikha na gamitin ang pangalan na umuugnay sa font-variant-alternate upang maisaknit ang mga katangian na maaaring isaknito sa iba't ibang paraan sa OpenType.
font-kerning Kontrola ng paggamit ng informasyon sa pagkakasunod-sunod ng letro (letter spacing).
font-language-override Kontrola ng paggamit ng hugis ng teksto ng partikular na wika sa font.
@font-palette-values Pinahihintulutan ang gumawa ng sariling default na halaga ng font palette.
font-size Tinutukoy ang laki ng font ng teksto.
font-size-adjust Panatilihin ang pagkakabasa sa panahon ng pagbabalik ng font.
font-stretch Pumili ng pangkaraniwang, kompresadong o pinalawak na font mula sa pamilya ng font.
font-style Tinutukoy ang estilo ng font ng teksto.
font-synthesis Kontrola kung aling nawawalang font (matikas o nakasilakbo) ang maipapalit ng browser.
font-variant Tinutukoy kung dapat ipakita ang teksto sa maliliit na kapitong letro.
font-variant-alternates Kontrola ng paggamit ng alternatibong hugis na may kaugnayan sa alternatibong pangalan na itinakda sa @font-feature-values.
font-variant-caps Kontrola ng paggamit ng alternatibong hugis ng kapitong letro.
font-variant-east-asian Kontrola ng paggamit ng alternatibong hugis ng silugtong Itimog, Halimbawa Tsino at Hapon.
font-variant-ligatures Kontrola kung anong mga kawikang at konteksto ang gagamitin sa teksto ng elemento.
font-variant-numeric Kontrola ng paggamit ng alternatibong hugis ng numero, porsiyento at tanda ng pagbilang.
font-variant-position Kontrola ng paggamit ng alternatibong hugis ng maliit na teksto, ang mga hugis na ito ay naka-locate sa itaas o sa ibaba ng base line ng font.
font-weight Specify the weight of the font.

G

grid Abbreviated properties of grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and grid-auto-flow attributes.
grid-area Can specify the name of the grid item, or it can be an abbreviated property of grid-row-start, grid-column-start, grid-row-end, and grid-column-end attributes.
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 Abbreviated properties of grid-column-start and grid-column-end attributes.
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 Abbreviated properties of grid-row-gap and grid-column-gap.
grid-row Abbreviated properties of grid-row-start and grid-row-end attributes.
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 Abbreviated properties of 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 marks 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 imahe.
@import Pinahihintulutan ang pagpalit ng estilo ng table mula sa ibang table.
initial-letter Tukuyin ang laki ng unang titik at opsyonal na tukuyin ang bilang ng mga linya na dapat baba ang unang titik.
inline-size Tukuyin ang laki ng elemento sa direksyon ng line.
inset Tukuyin ang layo ng elemento mula sa magulang.
inset-block Tukuyin ang layo ng elemento mula sa magulang sa direksyon ng block.
inset-block-end Tukuyin ang layo ng elemento mula sa magulang sa direksyon ng block.
inset-block-start Tukuyin ang layo ng elemento mula sa magulang sa direksyon ng block.
inset-inline Tukuyin ang layo ng elemento mula sa magulang sa direksyon ng line.
inset-inline-end Tukuyin ang layo ng elemento mula sa magulang sa direksyon ng line.
inset-inline-start Tukuyin ang layo ng elemento mula sa magulang sa direksyon ng line.
isolation Tukuyin kung dapat buuin ang bagong content ng stacking ng elemento.

J

justify-content Tukuyin ang paraan ng alinemento ng item sa container ng elastic, kapag ang item ay hindi nagamit ang lahat ng available na espasyo.
justify-items Tukuyin ang paraan ng alinemento ng item ng grid sa direksyon ng line. I-set sa container ng grid.
justify-self Tukuyin ang paraan ng alinemento ng item ng grid sa direksyon ng line. I-set sa item ng grid.

K

@keyframes Tukuyin ang kodigo ng animasyon.

L

@layer Kontrolin kung paano ay hinahalal ang pagkakasunud-sunod ng estilo ng CSS ng layer.
left Ituturing ang kanan ng posisyon ng elemento.
letter-spacing Madagdagan o bawasan ang layo ng mga liriko sa teksto.
line-break Paano kung gagawin ang pagbaba ng linya o kung magbabalik sa ibang linya.
line-height Itatayo ang taas ng linya.
list-style Itatayo ang lahat ng atrubuto ng lista sa isang pahayag.
list-style-image Itatayo ang imahe bilang markang pang-lista.
list-style-position Tukuyin ang posisyon ng markang pang-lista.
list-style-type Tukuyin ang uri ng markang pang-lista.

M

margin Itatayo ang lahat ng atrubuto ng labas na gutom sa isang pahayag.
margin-block Tukuyin ang labas na gutom sa direksyon ng block.
margin-block-end Tukuyin ang labas na gutom sa katapusan ng direksyon ng block.
margin-block-start Tukuyin ang labas na gutom sa simula ng direksyon ng block.
margin-bottom Itatayo ang labas na gutom sa ilalim ng elemento.
margin-inline Tukuyin ang labas na gutom sa direksyon ng line.
margin-inline-end Tinutukoy ang malayong gilid sa katapusan ng direksyong inline.
margin-inline-start Tinutukoy ang malayong gilid sa simula ng direksyong inline.
margin-left Itataas ang batawang malayong gilid ng elemento.
margin-right Itataas ang kanang malayong gilid ng elemento.
margin-top Itataas ang mataas na malayong gilid ng elemento.
marker Tutukoy ang mark na magiging idraw sa lahat ng tuktok ng daan ng elemento (unang, gitnang at huling).
marker-end Tutukoy ang mark na magiging idraw sa huling tuktok ng daan ng elemento.
marker-mid Tutukoy ang mark na magiging idraw sa lahat ng gitnang tuktok ng daan ng elemento.
marker-start Tutukoy ang mark na magiging idraw sa unang tuktok ng daan ng elemento.
mask

Ang maikling paraan ng mga sumusunod na atrybuto:
mask-clip Tinutukoy ang lugar na apektado ng imahe ng mask.
mask-composite Tinutukoy ang operasyon ng komposisyon na magiging gamit sa kasalukuyang mask layer at ang mask layer na nasa ilalim.
mask-image Tinutukoy ang imahe na magiging mask layer ng elemento.
mask-mode Tinutukoy kung ang imahe ng mask layer ay magiging ilaw na mask o alpha na mask.
mask-origin Tinutukoy ang orihinal na posisyon ng imahe ng mask layer (kaugnay ng posisyon ng mask area).
mask-position Itataas ang posisyon ng imahe ng mask layer (kaugnay ng posisyon ng mask area).
mask-repeat Tinutukoy ang paraan ng pagpapatuloy ng imahe ng mask layer.
mask-size Tinutukoy ang laki ng imahe ng mask layer.
mask-type Tinutukoy ang SVG Tinutukoy kung ang elemento ay magiging kasama bilang ilaw na mask o alpha na mask.
max-height Itataas ang pinakamalaki na taas ng elemento.
max-width Itataas ang pinakamalaki na lapad ng elemento.
@media Itataas ang mga patakaran ng estilo para sa iba't ibang uri ng media, device, at laki.
max-block-size Itataas ang pinakamaliit na laki ng elemento sa direksyong block.
max-inline-size Itataas ang pinakamaliit na laki ng elemento sa direksyong inline.
min-block-size Itataas ang pinakamaliit na laki ng elemento sa direksyong block.
min-inline-size Itataas ang pinakamaliit na laki ng elemento sa direksyong inline.
min-height Itataas ang pinakamaliit na taas ng elemento.
min-width Itataas ang pinakamaliit na lapad ng elemento.
mix-blend-mode Tinutukoy kung paano ang nilalaman ng elemento ay magiging kasama sa background ng kanyang direktang magulang.

N

@namespace Tinutukoy ang XML na pangalan ng espasyo na ginamit sa estilo.

O

object-fit Tinutukoy kung paano ang nilalagay ang nilalaman ng elementong panggagamit sa kanyang ginamit na taas at lapad na boks.
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 sumusunod na padding sa direksiyon ng bloke.
padding-block-end Tukuyin ang sumusunod na padding sa katapusan ng direksiyon ng bloke.
padding-block-start Tukuyin ang sumusunod na padding sa simula ng direksiyon ng bloke.
padding-bottom Tukuyin ang sumusunod na padding sa ibaba ng elemento.
padding-inline Tukuyin ang sumusunod na padding sa direksiyon ng linya.
padding-inline-end Tukuyin ang sumusunod na padding sa katapusan ng direksiyon ng linya.
padding-inline-start Tukuyin ang sumusunod na padding sa simula ng direksiyon ng linya.
padding-left Tukuyin ang sumusunod na padding sa kaliwa ng elemento.
padding-right Tukuyin ang sumusunod na padding sa kanan ng elemento.
padding-top Tukuyin ang sumusunod na padding sa itaas ng elemento.
@page Idedefinihin ang laki, direksiyon at margay ng pahina sa pagprint.
page-break-after Tukuyin ang pagbabahagi ng pahina (page-break) pagkatapos ng elemento.
page-break-before Tukuyin ang pagbabahagi ng pahina (page-break) bago ang elemento.
page-break-inside Tukuyin ang pagbabahagi ng pahina (page-break) sa loob ng elemento.
paint-order Tukuyin ang paglilisik sa SVG na elemento o teksto.
perspective Ibigay ang perspektibo sa 3D na elemento.
perspective-origin Tukuyin ang posisyon kung saan ang user ay magiging nakikita ng 3D na elemento.
place-content Tukuyin ang halaga ng align-content at justify-content sa flexbox at grid layout.
place-items Tukuyin ang halaga ng align-items at justify-items sa layout ng grid.
place-self Tukuyin ang halaga ng align-self at justify-self sa layout ng grid.
pointer-events Tukuyin kung ang elemento ay magiging responsibo sa mga pangkat ng pointer.
position Tukuyin ang uri ng posisyon ng elemento (statik, relatibong, absolutong o fixed).
@property Idedefinihin sa CSS ang custom property, walang kailangang pataasin ang anumang JavaScript.

Q

quotes Tukuyin ang uri ng quotes.

R

resize Tukuyin kung ang user ay magiging nakakapag-iadjust at kung paano ang laki ng elemento.
right Ituturing ang kanan ng posisyon ng elemento.
rotate Tukuyin ang pag-rotasyon ng elemento.
row-gap Tukuyin ang puwang sa pagitan ng mga hanay ng grid.

S

scale Tinutukoy ang laki ng elemento sa pamamagitan ng pagdakilay o pagpapababa.
@scope Pinapayagan ka upang piliin ang mga elemento sa isang partikular na DOM subtree, at mapasadya ang elemento nang walang nangangailangan ng napakaspesipikong selector.
scroll-behavior Tinutukoy kung gagawin ang maginhawa ang paggalaw ng scroll box, sa halip na tumalon nang walang maghintay.
scroll-margin Tinutukoy ang layo ng scroll-margin mula sa pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-margin-block Tinutukoy ang layo ng scroll-margin mula sa pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-margin-block-end Tinutukoy ang layo ng scroll-margin mula sa katapusan ng pinagsasakop na posisyon hanggang sa katapusan ng kaniyang kagamitan.
scroll-margin-block-start Tinutukoy ang layo ng scroll-margin mula sa simula ng pinagsasakop na posisyon hanggang sa simula ng kaniyang kagamitan.
scroll-margin-bottom Tinutukoy ang layo ng scroll-margin mula sa ilalim ng pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-margin-inline Tinutukoy ang layo ng scroll-margin mula sa pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-margin-inline-end Tinutukoy ang layo ng scroll-margin mula sa katapusan ng pinagsasakop na posisyon hanggang sa katapusan ng kaniyang kagamitan.
scroll-margin-inline-start Tinutukoy ang layo ng scroll-margin mula sa simula ng pinagsasakop na posisyon hanggang sa simula ng kaniyang kagamitan.
scroll-margin-left Tinutukoy ang layo ng scroll-margin mula sa kaliwa ng pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-margin-right Tinutukoy ang layo ng scroll-margin mula sa kanan ng pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-margin-top Tinutukoy ang layo ng scroll-margin mula sa taas ng pinagsasakop na posisyon hanggang sa kaniyang kagamitan.
scroll-padding Tinutukoy ang layo ng scroll-padding mula sa kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-block Tinutukoy ang layo ng scroll-padding mula sa kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-block-end Tinutukoy ang layo ng scroll-padding mula sa katapusan ng kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-block-start Tinutukoy ang layo ng scroll-padding mula sa simula ng kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-bottom Tinutukoy ang layo ng scroll-padding mula sa ilalim ng kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-inline Tinutukoy ang layo ng scroll-padding mula sa kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-inline-end Tinutukoy ang layo ng scroll-padding mula sa katapusan ng kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-inline-start Tinutukoy ang layo ng scroll-padding mula sa simula ng kaniyang kagamitan hanggang sa pinagsasakop na elemento.
scroll-padding-left Tinukoy ang distansya mula sa kaliwa ng konteyner hanggang sa posisyon ng pagkakabit ng anak.
scroll-padding-right Tinukoy ang distansya mula sa kanan ng konteyner hanggang sa posisyon ng pagkakabit ng anak.
scroll-padding-top Tinukoy ang distansya mula sa itaas ng konteyner hanggang sa posisyon ng pagkakabit ng anak.
scroll-snap-align Tinukoy ang posisyon ng elemento kapag natapos ng paggalaw ng user.
scroll-snap-stop Tinukoy ang paggalaw ng paggalaw kapag may mabilis na paggalaw sa trackpad o touch screen.
scroll-snap-type Tinukoy ang pagkakaroon ng pagkakabit kapag gumagalaw ang paggalaw.
scrollbar-color Tinukoy ang kulay ng scrollbar ng elemento.
shape-outside Tinukoy ang hugis ng pagsasalamin ng may linya na nilalaman.
@starting-style Tinukoy ang unang estilo ng elemento bago ang unang pag-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 Tinukoy ang algoritmo na gamit para sa paglulagay ng celula, linya at linya.
text-align Tinutukoy ang paraan ng horizontal na alinlangan ng teksto.
text-align-last Ipinapaliwanag kung paano alinlangan ang huling linya ng bloke o linya kapag ang text-align ay "justify", bago ang sapilitang pagpalit ng linya.
text-combine-upright Ihahalaw ang ilang karakter sa isang lugar ng isang solong karakter.
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 Tinukoy ang kulay ng markang pagpaliwanag.
text-emphasis-position Tinukoy ang posisyon ng markang pagpaliwanag.
text-emphasis-style Tinukoy ang estilo ng markang pagpaliwanag.
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 the 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 lines after words reach the end of the line.
word-spacing Increase or decrease the word spacing 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 laid out.

Z

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