|
|
Line 27: |
Line 27: |
| *<font color="red">Attributes</font> are made up of two parts: '''<font color="red">property</font>''' and '''<font color="red">value</font>''' separated by a colon. | | *<font color="red">Attributes</font> are made up of two parts: '''<font color="red">property</font>''' and '''<font color="red">value</font>''' separated by a colon. |
|
| |
|
| {{Block indent|1=<font color="red">property:value</font>|2=2}}
| | ::<font color="red">property:value</font> |
|
| |
|
| *<font color="red">Property</font> gives the name of the <font color="red">attribute</font> we want to install. | | *<font color="red">Property</font> gives the name of the <font color="red">attribute</font> we want to install. |
Line 34: |
Line 34: |
| To perhaps to make the concept of attributes with their properties and values more clear, let's use more familiar terms. To describe a person we might state their physical attributes in the property:value form like so: | | To perhaps to make the concept of attributes with their properties and values more clear, let's use more familiar terms. To describe a person we might state their physical attributes in the property:value form like so: |
|
| |
|
| {{Block indent|1=<font color="red">eyecolor:blue</font> or <font color="red">hair:none</font> or <font color="red">height:six feet</font>|2=2}}
| | ::<font color="red">eyecolor:blue</font> or <font color="red">hair:none</font> or <font color="red">height:six feet</font> |
|
| |
|
| If these three attributes were put in a <font color="green"><nowiki><description></nowiki></font> tag our element would look like this: | | If these three attributes were put in a <font color="green"><nowiki><description></nowiki></font> tag our element would look like this: |
|
| |
|
| {{Block indent|1=<font color="green"><nowiki><description</nowiki></font> <font color="blue">style=</font><font color="red">"eyecolor:blue; hair:none; height:six feet"</font><font color="green">></description></font>|2=2}}
| | ::<font color="green"><nowiki><description</nowiki></font> <font color="blue">style=</font><font color="red">"eyecolor:blue; hair:none; height:six feet"</font><font color="green">></description></font> |
|
| |
|
| *Referring back to the border we created for our table, notice that the <font color="red">value</font> in our border attribute has three parts: | | *Referring back to the border we created for our table, notice that the <font color="red">value</font> in our border attribute has three parts: |
|
| |
|
| {{Block indent|1=*<font color="red">1px</font> this tells the thickness of the line. |2=1}}
| | :*<font color="red">1px</font> this tells the thickness of the line. |
| {{Block indent|1=*<font color="red">solid</font> this tells the character of the line. It could be dashed, dotted, doubled, etc. |2=1}}
| | :*<font color="red">solid</font> this tells the character of the line. It could be dashed, dotted, doubled, etc. |
| {{Block indent|1=*<font color="red">black</font> this tells the color of the border. |2=1}}
| | :*<font color="red">black</font> this tells the color of the border. |
| {{Block indent|*There is no punctuation between these values, only spaces.}}
| | :*There is no punctuation between these values, only spaces. |
|
| |
|
| ---- | | ---- |
| [[Category:Lesson Archives]] | | [[Category:Lesson Archives]] |