Runājot par tīmekļa izstrādi, izmantojot HTML un CSS, ļoti svarīga ir iespēja manipulēt ar elementu izskatu tīmekļa lapā. Viens no veidiem, kā to panākt, ir elementam pievienot apmali. CSS rekvizīts border tiek izmantots, lai definētu elementa apmali, un tas ļauj norādīt apmales izmēru.
Lai pievienotu apmales izmēru CSS, varat izmantot rekvizītu border-width. Šis rekvizīts ļauj iestatīt apmales platumu dažādās vienībās, piemēram, pikseļos, ems, rems vai procentos. Apmales platuma rekvizītu var lietot atsevišķām elementa apmales pusēm (augšpusē, labajā pusē, apakšā un pa kreisi) vai visām pusēm vienlaikus.
Tālāk ir sniegts piemērs tam, kā varat izmantot rekvizītu border-width, lai elementam pievienotu apmales izmēru.
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
Pirmajā piemērā apmales platuma rekvizīts ir iestatīts uz 2 pikseļiem, kas piemēro vienādu apmales platumu visām elementa pusēm. Otrajā piemērā apmales platuma rekvizīts ir iestatīts uz 2 pikseļiem augšējai pusei, 4 pikseļiem labajā pusē, 6 pikseļiem apakšējai pusei un 8 pikseļiem kreisajā pusē. Tas ļauj ap elementu izveidot nevienmērīgu apmali.
Ir svarīgi ņemt vērā, ka tikai apmales platuma rekvizīts vien nerādīs apmali redzami, ja vien nedefinēsiet arī apmales stila un apmales krāsas rekvizītus. Apmales stila rekvizīts nosaka apmales stilu, piemēram, viengabalains, svītrots, punktēts utt., savukārt rekvizīts apmales krāsa nosaka apmales krāsu.
Šeit ir piemērs, kas apvieno apmales platuma, apmales stila un apmales krāsas īpašības:
Šajā piemērā rekvizīts border-width iestata apmales platumu uz 2 pikseļiem, rekvizīts border-style iestata stilu uz viengabalainu, un rekvizīts border-color iestata krāsu uz sarkanu. Tādējādi ap elementu tiks izveidota sarkana apmale.
Lai pievienotu apmales izmēru CSS, varat izmantot rekvizītu border-width. Šis rekvizīts ļauj norādīt apmales platumu dažādās vienībās, un to var lietot atsevišķām elementa malām vai visām malām. Atcerieties arī definēt apmales stila un apmales krāsas rekvizītus, lai apmale būtu redzama.
Kā ir ar apmales lieluma pievienošanu CSS?
Runājot par tīmekļa izstrādi, izmantojot HTML un CSS, ļoti svarīga ir iespēja manipulēt ar elementu izskatu tīmekļa lapā. Viens no veidiem, kā to panākt, ir elementam pievienot apmali. CSS rekvizīts border tiek izmantots, lai definētu elementa apmali, un tas ļauj norādīt apmales izmēru.
Lai pievienotu apmales izmēru CSS, varat izmantot rekvizītu border-width. Šis rekvizīts ļauj iestatīt apmales platumu dažādās vienībās, piemēram, pikseļos, ems, rems vai procentos. Apmales platuma rekvizītu var lietot atsevišķām elementa apmales pusēm (augšpusē, labajā pusē, apakšā un pa kreisi) vai visām pusēm vienlaikus.
Tālāk ir sniegts piemērs tam, kā varat izmantot rekvizītu border-width, lai elementam pievienotu apmales izmēru.
Pirmajā piemērā apmales platuma rekvizīts ir iestatīts uz 2 pikseļiem, kas piemēro vienādu apmales platumu visām elementa pusēm. Otrajā piemērā apmales platuma rekvizīts ir iestatīts uz 2 pikseļiem augšējai pusei, 4 pikseļiem labajā pusē, 6 pikseļiem apakšējai pusei un 8 pikseļiem kreisajā pusē. Tas ļauj ap elementu izveidot nevienmērīgu apmali.
Ir svarīgi ņemt vērā, ka tikai apmales platuma rekvizīts vien nerādīs apmali redzami, ja vien nedefinēsiet arī apmales stila un apmales krāsas rekvizītus. Apmales stila rekvizīts nosaka apmales stilu, piemēram, viengabalains, svītrots, punktēts utt., savukārt rekvizīts apmales krāsa nosaka apmales krāsu.
Šeit ir piemērs, kas apvieno apmales platuma, apmales stila un apmales krāsas īpašības:
Šajā piemērā rekvizīts border-width iestata apmales platumu uz 2 pikseļiem, rekvizīts border-style iestata stilu uz viengabalainu, un rekvizīts border-color iestata krāsu uz sarkanu. Tādējādi ap elementu tiks izveidota sarkana apmale.
Lai pievienotu apmales izmēru CSS, varat izmantot rekvizītu border-width. Šis rekvizīts ļauj norādīt apmales platumu dažādās vienībās, un to var lietot atsevišķām elementa malām vai visām malām. Atcerieties arī definēt apmales stila un apmales krāsas rekvizītus, lai apmale būtu redzama.
Citi jaunākie jautājumi un atbildes par Virzība HTML un CSS:
Skatiet vairāk jautājumu un atbilžu sadaļā Advancing in HTML and CSS
Vairāk jautājumu un atbilžu: