Using CSS attributes of the Border

Posted by john
4/5/2007
Related Tags:
CSS DIV  div css  css manuals  css templates  div border  CSS effect  css layout  css style  css download  css code  css style sheet  css button  css fillet  css learning  css vertical middling  css games  css menu  css float  Top Border Width  Right Border Width  Bottom Border Width  Left Border Width  Border Width  Border Color  Border Style  Top Border  Right Border  Bottom Border  Left Border  Border  xhtml css  xhtml attributes  border  CSS tutorial  CSS Font  CSS Border  css Margin  css Padding  CSS List  CSS Table  css background  css fonts  css borders  what is the css  css editor  css hack  Baidu space css  html css  css transparent  css clear  css Chinese manual  css filter  css rolling  css navigation  css li  css dotted line  css spaced  css files  css form css links css table  css shadow css fonts  css drop-down menu  css position  css css navigation of the book  css code generator  css language dreamweaver css  asp css  css attributes  css example  css Notes css inheritance  css padding  css gradual  css Auto-trip xhtml css  css grammar  css custom templates  tutorial download css  css input  css middling  css important  css ul  css mouse style  css overflow  css entry  css link  css positioning proficient  css background image  css expression  css space  css tab  css map  css display  css margindiv  css bold  css zen garden  css authoritative guides  css effects firefox  css  css hover  css mandatory for firms 

  And made available to those who have to draw a line and troubling experience, this paper introduces the tips may help you.    We turn first to understand what the "Border" (paintings borders), it is an attribute of the CSS, it can be used to determine the scope of html tags (such as TD, DIV, etc.) painted borders, it can be defined Border line type, Width and color, use of this property, the special effects can be produced.    Below will be examples to illustrate its application skills. 
  1, the text frame to the above example, a paragraph added to the different borders, the border line only to the color, thickness is variable.    The first frame of the css code is: style = "border: thin solid red" and "border" after the meaning of the three parameters are: the width of the frame line: thin (thin); border line type: solid (solid Line); border line colors: red (red).    Our definition of borders is, in fact, the three set of parameters. 
  Borders has three lines the width of standard values: thin (thread), medium (pachytene) and thick (pachytene), in addition, the width can be customized, such as: 1 pt, 5px, such as 2cm. 
  Border lines identified nine types of values: none (boundless Borders), the dotted (from points of the dashed line), dashed (from the short-term component of the dashed line), solid (solid line), double (two-lane, two-lane They added width of the gap between the width of the border-width equal to the width of the definition), the groove (3D trench-like frame), ridge (3D-like ridge of the frame), inset (3D embedded frame, darker ), outset (3D embedded frame, Color junior), Note: If the system does not support these borders of the property value, then the "dotted", "dashed", "double", "groove" and "ridge", "inset" and the "outset" will be "solid". 
  Border Line Color: can use hexadecimal color code, such as # 00 ffcc. 
  From the above we can see that the text frame to do is very simple, in the case of those few frames behind the establishment, I neglect you understand!    Here to tell you that small skills, a section of text to the frame, can be added to css In "P> marker Lane; paragraphs to the text frame, the first paragraphs of text marked with DIV enclose, and then increase CSS In" DIV> markers in the case of his text and give several different frames, then to the text on the form, then add CSS respectively, marking <TD>. 

  2, and to the navigation menu bar above example in the White Line, of course, images can be used to do, but I am here with the CSS is the "border" attributes the expansion of the frame of a painting-so less code Multi.    Painted on the frame of unilateralism and the borders of the four-similar to a four-frame of the following attributes: 
  Border Line Name: border-top (on the border line), border-right (right Borders), border-bottom (frame line) and the left-boder (left Borders); each frame line type, width and color and the value of "boder" the same attributes.    As is the case in the definition of each cell to the left of the white line for the Borders line with a width of "px" solid line, the CSS code is this: style = "border-left: 1px solid # ffffff."    Definition of borders in a separate line, if a value is given, then choose the default initial values.    Dreamweaver defined in the CSS is very convenient, not to prepare code to a common definition of the border line, and even on the outside of CSS document, called when to use on the trip, is very convenient. 

  3, in a frame in a different color and width of the border line in this case the effect can, of course, use of the method to achieve, but too much code as, a merger may be another way, four - Categories of attribute values together, as is the case of code like this: 
  Style = "border-style: solid; border-width: thin thin thick thick; border-color: # 00ff00 # 00ff00 # 0000ff # 0000ff." 
  From the above we can see that, I would like to frame the type of line width and color grouped together definition, please pay attention to a few points here: 
  1, 4 frame line Position order is: on the border line, the right borders, the border line, left Borders; 
  Second, I am in this case only the type of frame lines from a solid line types, while also actually four separate definition of different types; 
  Third, attribute values can be defined one, two, three or four.    If the only definition of an attribute value, the remaining three automatic same values, such as: border-style: solid and border-style: solid solid solid solid results exactly the same as if only two or three value is given, then the loss while the property will be admitted on the border with the same value.    Such as: boder-width: thin thick and border-width: thin thick thin thick effect of the same border-width: 1px 2px 3px and border-width: 1px 2px 3px 2px the effect of the same. 
  Border attribute flexible application can produce many special effects, methods and the same as described above, is no longer the January 1, for example. 

Related articles:

DHTML used in the framework of inter-Popup Object menu
  Frames.htm first look at the source code pages: <html>  <head>   <title> The framework of inter-page menu from MSDN </ title>    <meta Http-equiv="Content-Type" content="text/html; charset=gb2312">    </ He...
Site publicity notes: the links search engine optimization strategy
  Internet changes with each passing day, its huge capacity of the search engine index updates and service is a test.    Search engine also has been trying to find innovative ways, such as sites related to the broad basis of the rankings, to offset the search engine spam tricks and m...
The second incident MovieClipLoader poor
  Recently a small company in the case of problems, and study the things about the characteristics of this MovieClipLoader, found that the meaning does not mean onLoadComplete onLoadInit.    In other words, the general logical thinking, files downloaded from the end, should be able w...
Fireworks drawing Philips phones
  Finishing in'll ago when things do philips mobile phones, we will engage in the months of the Guide to the inadequacies of the exhibitions!    As steps in the process of drawing too much, but only some simple adjustments nodes and drilling, not January 1 legend here that the on...
With CSS control table, hide more than cells of the characters in length.
  Control table table with the CSS (font-family: "10 lines," Arial; font-size: 12px; line-height: 20px; color: # 000000; text-decoration: none; table-layout: fixed; width: 50px; CSS) above exceed the length of the characters in the cells will be hidden.  ...