, grænse, egenskaber giver dig mulighed for at præcisere, hvordan grænsen i den rubrik, der repræsenterer et element skal se ud.der er tre egenskaber af en grænse, kan du ændre:,,,, grænse, farve, angiver den farve af grænsen.,,,, grænse - stil, angives det, om en grænse, bør være fast, stiplede linje, en dobbelt linje, eller en af de andre mulige værdier.,,,, kantbredde, angiver den bredde af grænsen.,,,,,,, vil vi se, hvordan du skal bruge disse egenskaber med eksempler. grænsen farve ejendom, grænsen farve ejendomsret giver dig mulighed for at ændre farven på grænsen omkring et element.du kan individuelt ændrer farven på bunden, venstre, top og højre side af et element er grænse ved hjælp af egenskaber og minus,,,,, grænse bunden farve, ændrer farve i den nederste grænse.,,,, grænse - farve, ændrer farve som øverste grænse.,,,, grænse tilbage farve ændringer af farven på venstre grænse.,,,, grænse... ændrer farve lige grænse.,,, med følgende eksempel viser virkningen af alle disse egenskaber og minus;, < html > < head > < stil type = "tekst /css" > p.example1 {grænse: 1px fast; grænseoverskridende bunden farve:⚬ /* grønne * /grænse top farve:&#ff0000; /* red * /grænse tilbage farve:񐤐 /* sorte * /grænse ikke farve:�cc /* blå * /} p.example2 {grænse: 1px fast; grænseoverskridende farve: grøn⚬ /* * /} < /stil > < /head > < krop > < p - klassen = "example1" > dette eksempel viser alle grænser i forskellige farver.< /p > < p - klassen = "example2" > dette eksempel viser alle grænser i grøn farve.< /p > < /organ > < /html >,, det giver følgende resultat −,, grænsen stil ejendom, grænsen stil ejendomsret giver dem mulighed for at vælge en af følgende former for grænsekontrol og minus,,,,, ingen: ingen grænse.(Equivalent of border-width:0;),,,,solid:, Border is a single solid line.,,,,dotted:, Border is a series of dots.,,,,dashed:, Border is a series of short lines.,,,,double:, Border is two solid lines.,,,,groove:, Border looks as though it is carved into the page.,,,,ridge:, Border looks the opposite of groove.,,,,inset:, Border makes the box look like it is embedded in the page.,,,,outset:, Border makes the box look like it is coming out of the canvas.,,,,hidden:, Same as none, except in terms of border-conflict resolution for table elements.,, ,You can individually change the style of the bottom, left, top, and right borders of an element using the following properties −, ,,,border-bottom-style, changes the style of bottom border.,,,ved top - stil, ændringer i stil med øverste grænse.,,,, grænse tilbage stil, ændringer i stil med venstre grænse.,,,, grænse - stil, ændringer i stil med rette grænse.,,, med følgende eksempel viser alle disse grænse styles −, < html > < head > < /head > < krop >.< p - = "kantbredde: 4px; grænseoverskridende stil: ingen;" > dette er en grænse med ingen bredde.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: faste;" > det er en fast grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: knust;" > det er en dahsed grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: dobbelt;" > det er en dobbelt grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: groove" > det er en rille grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: ridge" > det er aridge grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: indpresningsdybde;" > det er en indpresningsdybde grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: starten;" > det er en begyndelse.< /p > < p - = "kantbredde: 4px; grænseoverskridende stil: skjulte;" > det er et skjult grænse.< /p > < p - = "kantbredde: 4px; grænseoverskridende top stil: faste, grænse - bunden stil: knust; grænse tilbage stil: groove; grænse ikke stil: dobbelt;" > dette er en grænse med fire forskellige stilarter.< /p > < /organ > < /html >,, det giver følgende resultat −,, kantbredde property &minus, kantbredde ejendomsret giver dig mulighed for at fastsætte bredden af et element af grænserne.værdien af denne egenskab kan enten være en længde på px, pt eller cm eller bør det fastsættes, at tynde, medium eller tykke.,, du kan individuelt ændre bredden af bunden, øverste, venstre og højre grænser i et element af følgende egenskaber og minus,,,,, grænse bund bredde, ændrer den bredde i den nederste grænse.,,,, grænse - bredde, ændringer i bredden af øverste grænse.,,,, grænse tilbage bredde, ændringer i bredden af venstre grænse.,,,, grænse ikke bredde, ændrer den bredde ikke grænsen.,,, med følgende eksempel viser alle disse grænser bredde og minus;, < html > < head > < /head > < krop > < p - = "kantbredde: 4px; grænseoverskridende stil: faste;" > det er en fast grænse, hvis bredde er 4px.< /p > < p - = "kantbredde: 4pt; grænseoverskridende stil: faste;" > det er en fast grænse, hvis bredde er 4pt.< /p > < p - = "kantbredde: tynd, grænse - stil: faste;" > det er en fast grænse, hvis bredde er tynd.< /p > < p - = "kantbredde: medium; grænseoverskridende stil: faste;" > det er en fast grænse, hvis bredde er medium; < /p > < p - = "kantbredde: tykke, grænse - stil: fast;" > det er en fast grænse, hvis bredde er tyk.< /p > < p - = "grænse bunden bredde: 4px; grænseoverskridende top bredde: 10px; grænse tilbage bredde: 2px; grænse ikke bredde: 15px; grænseoverskridende stil: faste;" > dette er en grænse med fire forskellige bredde.< /p > < /organ > < /html >,, det giver følgende resultat −,, grænseoverskridende egenskaber ved hjælp af stenografi, grænsen ejendomsret giver dig mulighed for at angive farve, stil og bredde af linjerne i en ejendom og minus. følgende eksempel viser, hvordan man bruger alle de tre egenskaber i en fælles ejendom.det er den hyppigst anvendte ejendom til grænse omkring ethvert element. < html > < head > < /head > < krop > < p - = "grænse: 4px solid rød;" > dette eksempel er med stenografi ejendom til grænsen.< /p > < /organ > < /html >,, det giver følgende resultat &minus,,,