47 of 313 menu

Īpašība border-color

Īpašība border-color nosaka apmales krāsu visām malām vienlaikus vai atsevišķi katrai malai. Īpašības vērtība var būt jebkura krāsas vienība. Noklusējuma vērtība: tāda pati krāsa kā bloka tekstam.

Īpašība ir saīsinājuma īpašība sekojošām īpašībām: border-left-color, border-right-color, border-top-color, border-bottom-color.

Sintakse

selektors { border-color: krāsa; }

Vērtību skaits

Īpašība var pieņemt 1, 2, 3 vai 4 vērtības, kas norādītas atstarpes atdalītas:

Skaits Apraksts
1 Tips visām malām vienlaikus.
2 Pirmā vērtība augšējai un apakšējai malai, otrā - kreisajai un labajai malai.
3 Pirmā vērtība augšējai malai, otrā - kreisajai un labajai malai, trešā - apakšējai malai.
4 Pirmā vērtība augšējai malai, otrā - labajai malai, trešā - apakšējai malai, ceturtā - kreisajai malai.

Piemērs

Izkrāsosim bloka apmali sarkanā krāsā:

<div id="elem"></div> #elem { border-width: 1px; border-style: solid; border-color: red; width: 300px; height: 100px; }

:

Piemērs

Norādīsim sarkanu apmali augšējai un apakšējai malai, bet zilganzaļu (cyan) labajai un kreisajai malai:

<div id="elem"></div> #elem { border-width: 1px; border-style: solid; border-color: red cyan; width: 300px; height: 100px; }

:

Piemērs

Norādīsim sarkanu apmali augšējai malai, zilganzaļu (cyan) labajai, zaļu apakšējai, melnu kreisajai malai:

<div id="elem"></div> #elem { border-width: 1px; border-style: solid; border-color: red cyan green black; width: 300px; height: 100px; }

:

Piemērs

Norādīsim vienlaikus atšķirīgu biezumu, tipu un apmales krāsu:

<div id="elem"></div> #elem { border-width: 1px 2px 3px 4px; border-style: dashed dotted solid double; border-color: red cyan green black; width: 300px; height: 100px; }

:

Piemērs

Ja apmales krāsa nav norādīta border-color - tā tiks ņemta no īpašības color:

<div id="elem"></div> #elem { color: red; border-style: solid; border-width: 2px; width: 300px; height: 100px; }

:

Skatiet arī

  • īpašība border-width,
    kas nosaka apmales biezumu
  • īpašība border-style,
    kas nosaka apmales tipu
  • īpašība border,
    kas ir saīsinājuma īpašība apmalei
Latviešu
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mēs izmantojam sīkdatnes, lai nodrošinātu vietnes darbību, analīti un personalizāciju. Datu apstrāde notiek saskaņā ar Konfidencialitātes politiku.
pieņemt visus iestatīt noraidīt