Seo é an míniú mionsonraithe ar gach maoin CSS
Maoin color
Úsáidtear an color
t-airí chun dath téacs eilimint a fhormáidiú.
Is féidir leis an luach a bheith ina ainm datha(m.sh., red
, blue
, green
), cód heicsidheachúil(m.sh., "#FF0000" le haghaidh red
), nó rgb()
feidhm chun na Red, Green, Blue
luachanna a shonrú.
Sampla: color: red;
Maoin font-size
Úsáidtear an font-size
t-airí chun méid an téacs a fhormáid laistigh d’eilimint.
Is féidir leis an luach a bheith i bpicteilíní(m.sh., "12px"), aonaid em(m.sh., "1.2em"), céatadáin(%), nó luachanna coibhneasta eile.
Sampla: font-size: 16px;
Maoin background-color
Úsáidtear an background-color
t-airí chun dath cúlra eilimint a fhormáidiú.
Is féidir leis an luach a bheith ina ainm datha, ina chód heicsidheachúil, nó ina fheidhm "rgb()" chun an dath a shonrú.
Sampla: background-color: #F0F0F0;
Maoin font-family
Sainmhíníonn an t-airí "font-family" an cló a úsáidtear don téacs laistigh d'eilimint.
Is féidir leis an luach a bheith ina ainm cló(m.sh., Arial
, Helvetica
) nó ina liosta tosaíochta d’ainmneacha cló.
Sampla: font-family: Arial, sans-serif;
Maoin text-align
Úsáidtear an t-airí "téacs-ailíniú" chun an téacs a ailíniú laistigh d'eilimint.
Is féidir leis an luach a bheith left
, right
, center
, nó justify
(chun téacs ar an dá cheann a chosaint).
Sampla: text-align: center;
Maoin width
Sonraíonn an mhaoin "leithead" leithead eilimint.
Is féidir leis an luach a bheith i bpicteilíní, i gcéatadáin(%), nó auto
i gcás leithead uathoibríoch.
Sampla: width: 300px;
Maoin height
Sonraíonn an height
mhaoin airde eilimint.
Is féidir leis an luach a bheith i pixel
, céatadáin(%), nó auto
le haghaidh airde uathoibríoch.
Sampla: height: 200px;
Maoin border
border
Úsáidtear an mhaoin chun teorainn timpeall eilimint a chruthú.
border style
Is féidir tiús teorann(m.sh., "1px"),(m.sh., solid
, dotted
), agus color
(eg, red
) a áireamh sa luach .
Sampla: border: 1px solid black;
Maoin margin
Sainmhíníonn an margin
mhaoin an spásáil idir eilimint agus na heilimintí máguaird.
Is féidir leis an luach a bheith ina luach picteilín(m.sh., "10px"), luachanna picteilín do gach treo(m.sh., "5px 10px"), nó auto
le haghaidh spásáil uathoibríoch.
Sampla: margin: 10px;
Maoin padding
Sainmhíníonn an padding
mhaoin an spásáil idir ábhar agus teorainn eilimint.
Is féidir leis an luach a bheith ina pixel
luach nó ina luachanna picteilín do gach treo.
Sampla: padding: 20px;
Is iad seo ach roinnt samplaí de airíonna CSS agus a luachanna. Soláthraíonn CSS go leor airíonna eile chun eilimintí a stíl agus a shaincheapadh ar do leathanach gréasáin. Is féidir leat tuilleadh maoine a iniúchadh agus iad a shaincheapadh chun dearaí agus éifeachtaí éagsúla a bhaint amach do do shuíomh Gréasáin.