К содержанию

CSS අත්පොත

පහසුවෙන් ලියා ඇති, උදාහරණ සහිත CSS අත්පොතක්. අත්‍යවශ්‍ය දේවල්, flex, grid, animations, gradients, transformations සහ නවීන තාක්ෂණික කරුණු ඇතුළත්!

වඩාත්ම අවශ්‍ය

font-size ගුණය

font-style ගුණය

font-weight ගුණය

line-height ගුණය

font-family ගුණය

font ගුණය

text-indent ගුණය

text-align ගුණාංගය

පේළි කැඩීම්

white-space ගුණය

word-break ගුණය

overflow-wrap ගුණය

overflow ගුුණය

overflow-x ගුණාංගය

overflow-y ගුණය

tab-size ගුණය

text-overflow ගුණය

hyphens ගුණාංගය

line-clamp ගුණය

වර්ණය

color ගුණය

වක්‍ර කිරීම

border-radius ගුණය

border-top-left-radius ගුණය

border-top-right-radius ගුණය

ගුණය border-bottom-left-radius

border-bottom-right-radius ගුණය

ඉරිමැදුම

outline ගුණය

outline-width ගුණය

outline-style සම්පත්තිය

outline-color ගුණාංගය

outline-offset ගුණය

පසුබිම

සෙවනැලි

text-shadow ගුණය

box-shadow ගුණය

පාරදෘෂ්යතාව

ගුණය opacity

visibility ගුණය

පැතිරීම්

linear-gradient ක්‍රියාකාරීත්වය

radial-gradient යනු

repeating-linear-gradient ශ්රිතය

ශ්‍රිතය repeating-radial-gradient

කපාදැමීම

clip ගුණය

clip-path ගුණය

mask ගුණය

mask-position ගුණය

mask-image ගුණය

mask-mode ගුණය

mask-size ගුණය

mask-repeat ගුණය

mask-origin ගුණය

mask-clip ගුණය

mask-composite ගුණය

දාර පින්තූරය

border-image ගුණය

border-image-source ගුණය

border-image-slice ගුණය

border-image-repeat ගුණය

border-image-outset ගුණය

border-image-width ගුණය

මූසිකය සමඟ වැඩ කිරීම

selection ප්‍රත්‍යක්ෂ මූල

user-select ගුණය - පා text යේ තෝරාගැනීම වැළැක්වීම

pointer-events ගුණය

cursor ගුණය

විලාසය

!important නියෝගය

කමාන්ඩ media

supports විධානය

import අණ

ප්‍රධාන පොරව පන්තිය

පූර්ණ තිර පසුබිම් පන්නය

in-range සුළුවර්ගය

අවිනිශ්චිත සුළු වර්ගය

ප්‍රතිලෝම වර්ගය invalid

optional සූදුප්‍රවර්ගය

out-of-range ව්‍යාජ පන්තිය

පේළියේ-පෙන්වන-ස්ථානය-පෙන්වනු ලැබූ සුළු පන්තිය

read-only ප්‍රතික්ෂේප වර්ගය

read-write ප්‍රත්‍යක්ෂ පන්තිය

required

වලංගු ප්‍රතිකල්ප වර්ගය

caret-color ගුණය

පොසියුඩෝ ක්ලාසය focus-within

scroll-behavior ගුණය

ලැයිස්තු

list-style-type ගුණය

list-style-position ගුණය

list-style-image ගුණය

list-style ගුණය

වගු

border-collapse ගුණාංගය

border-spacing ගුණය

empty-cells ගුණාංගය

table-layout සිද්ධාත්තය

සබැඳි

link ප්‍රබන්ධ වර්ගය

පසුබැස්සූ සබැඳිය visited

ප්‍රතිසම පන්තිය hover

සක්‍රීය ව්‍යාජ වර්ගය

පෝරම්

නවාතැන් පන්නිය focus

ප්ලේස්හෝල්ඩර් සූඩෝ අනුඅංගය

පසුබෑමේ ක්‍රියාකාරීත්වය checked

ව්‍යංග ක්‍රමලේඛය disabled

enabled ප්‍රතිස්ථාපිත පන්තිය

විශාලත්වය

width ගුණය

height ගුණාංගය

min-width සුලුපත්ත

max-width ගුණය

min-height ගුණය

max-height ගුණය

ඉඩ පරතර

margin ගුණය

margin-top ගුණය

margin-bottom

margin-left ගුණය

margin-right ගුණය

padding ගුණය

padding-top ගුණය

padding-bottom ගුණය

padding-left සම්පත

padding-right ගුණාංගය

padding-block-end ගුණය

පැකිඟින්-බ්ලොක්-ස්ටාට් ගුණාංගය

padding-inline-end ගුණය

padding-inline-start ගුණය

වෙනත්

box-sizing ගුණය

display ගුණය

ගුණය resize

aspect-ratio ගුණය

object-fit ගුණාංගය

ගණනය කිරීම්

calc ශ්‍රිතය

clamp කාර්යය

හර්මානුව min

උපරිම ශ්‍රිතය

මිනුම් ඒකක

px ඒකකය

em ඒකකය

rem ඒකකය

% ඒකකය

fr ඒකකය

vw ඒකකය

CSS හි ප්‍රමාණ සඳහා vh ඒකකය

vmax ඒකකය

vmin ඒකකය

Flexes

flex-direction ගුණය

justify-content ගුණය

align-items ගුණය

flex-wrap ගුණය

flex-flow ගුණය

align-self ගුණාංගය

order ගුණය

flex-basis ගුණය

flex-grow ගුණය

flex-shrink ගුණය

flex ගුණය

Positioning

position ගුණාංගය

z-index ගුණය

backdrop ප්‍රත්‍යය

bottom ගුණය

top ගුණය

left ගුණය

right ගුණය

caption-side ගුණය

Flowing

float ගුණය

clear ගුණාංගය

shape-outside ගුණය

shape-margin ගුණය

Columns

column-count ගුණාංගය

column-rule ගුණය

column-width ගුණය

column-span ගුණය

columns ගුණය

අස්තව්‍යය

not ප්‍රතිශතය ප්‍රකාශන පන්තිය

ස්ථානය අනුව

ප්‍රථම දරු පියවර

ප්‍රබන්ධ පන්තිය last-child

nth-child ව්‍යාජ පන්තිය

ප්‍රතිසම වර්ගය nth-last-child

only-child යන ප්‍රත්‍යක්ෂ වර්ගය

වර්ගය සහ ස්ථානය අනුව

පළමු-වර්ගයේ ප්‍රක්ෂේපක පන්තිය

last-of-type සෙවුම්පන්චය

nth-of-type සුළුවර්ගය

nth-last-of-type සුළු වර්ගය

අනුප්‍රාප්ති-වර්ග ප්‍රබන්ධ-වර්ගය

විවිධ

ප්‍රතිවිරෝධී පන්තිය empty

lang සුවිශේෂී පන්තිය

target ප්‍රත්‍යක්ෂ-වර්ගය

පාඨයේ කොටස

first-letter ව්යාජ මූලද්‍රව්‍යය

first-line ප්‍රතිස්ථාපිත අංගය

තරල සංක්‍රාන්ති

transition-duration ගුණය

transition-delay ගුණාංගය

transition-property ගුණය

transition-timing-function සම්පත

transition ගුණාංගය

සජීවීකරණය

@keyframes ආදේශනය

animation-name ගුණාංගය

animation-duration guṇa

ගුණය animation-delay

animation-timing-function ගුණය

animation-iteration-count ගුණය

animation-direction ගුණය

animation-fill-mode ගුණය

animation-play-state ගුණය

animation ගුණය

පරිවර්තන

transform ගුණය

transform-origin ගුණය

හරවා ගැනීම

rotate කාර්යය

rotateX ශ්‍රිතය

ශ්‍රිතය rotateY

ශ්‍රිතය rotateZ

rotate3d කාර්යය

පරිමාණනය

scale ක්‍රියාකාරීත්වය

ශ්‍රිතය scaleX

scaleY කාර්යය

ඇලවීම

skew කාර්යය

skewX ශ්‍රිතය

skewY ක්‍රියාකාරීත්වය

විස්ථාපනය

translate ශ්‍රිතය

translateX ශ්‍රිතය

translateY ශ්‍රිතය

පෙළ ඇතුලත් කිරීම

after ප්‍රත්‍යය

පූර්ව ව්යාජ මූලද්‍රව්‍ය

content ගුණය

attr ක්‍රියාකාරීත්වය

ගණක

counter-increment ගුණය

counter-reset ගුණාංගය

තෝරන්නන්

CSS හි සන්දර්භික තෝරන්නා

CSS හි දරුවා තෝරන්නා

CSS හි අසල්වැසි තේරුම් ගැනීමේ සූත්‍රය

CSS හි සහෝදර තේරීම්කරු

CSS හි ඇල්මකරු සාමාන්‍ය සම්මතය

තෝරන්නන්

ගුණාංග නාමයෙන් තෝරන්නා

ගුණාංග අගය අනුව තේරීමක්

ගුණාංග අගයෙහි ආරම්භය අනුව තෝරන්නා

ගුණාංගයක අගය අවසානය අනුව තෝරන්නා

ගුණාංග අනුව පෙළ තෝරන්න

ගුණාංගයක අගයක් අනුව තෝරන්නා

අගයෙහි විසමත ලකුණ අනුව අංග තේරීම