css.pdf

သခပတယ border style values value တက

  • No School
  • AA 1
  • 116

This preview shows page 67 - 73 out of 116 pages.

သံုးခဲ့ပါတယ္။ border-style values: value ေတြက dotted, dashed , solid, double, grrove , ridge , inset, outset ေတြပါ။ ပံုေတြကေတာ့ ေအာက္ကလို ျမင္ရပါတယ္။ CSS for starter , written by saturngod ( ) 67
Image of page 67

Subscribe to view the full document.

<html> <head> <style type = "text/css" > p.none { border-style : none ;} p.dotted { border-style : dotted ;} p.dashed { border-style : dashed ;} p.solid { border-style : solid ;} p.double { border-style : double ;} p.groove { border-style : groove ;} p.ridge { border-style : ridge ;} p.inset { border-style : inset ;} p.outset { border-style : outset ;} p.hidden { border-style : hidden ;} </style> </head> <body> <p class = "none" > No border. </p> <p class = "dotted" > A dotted border. </p> <p class = "dashed" > A dashed border. </p> <p class = "solid" > A solid border. </p> <p class = "double" > A double border. </p> <p class = "groove" > A groove border. </p> CSS for starter , written by saturngod ( ) 68
Image of page 68
<p class = "ridge" > A ridge border. </p> <p class = "inset" > An inset border. </p> <p class = "outset" > An outset border. </p> <p class = "hidden" > A hidden border. </p> </body> </html> အဲဒါကို run ၾကည့္လုိက္ရင္ေတာ့ Border Width border width ကေတာ့ border အထူအပါးကုိ အသံုးျပဳပါတယ္။ border-width ဆိုျပီး သံုးပါတယ္။ <html> <head> <style type = "text/css" > p.one { border-style : solid ; CSS for starter , written by saturngod ( ) 69
Image of page 69

Subscribe to view the full document.

border-width : 5px ; } p.two { border-style : solid ; border-width : medium ; } p.three { border-style : solid ; border-width : 1px ; } </style> </head> <body> <p class = "one" > Some text. </p> <p class = "two" > Some text. </p> <p class = "three" > Some text. </p> <p><b> Note: </b> The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first. </p> </body> </html> အဲဒါေလးကို browser မွာ ဒီလုိျမင္ရပါမယ္။ CSS for starter , written by saturngod ( ) 70
Image of page 70
border အထူအပါး ေတြ ကြာျခားေနတာကို သတိျပဳႏိုင္ပါတယ္။ Border Color border color ကေတာ့ border ရဲ႕ အေရာင္ေတြေပါ့။ HTML မွာ အေရာင္သံုးတဲ့ ကိစ ၥကို ကၽြန္ေတာ္ ေရးခဲ့ဖူးပါတယ္။ name သို႕မဟုတ္ #RRGGBB နဲ႕ အသံုျပဳပါတယ္။ CSS မွာေတာ့ rgb(0,0,255) လိုမ်ဳိး အသံုးျပဳလို႕ရပါေသးတယ္။ အခု code ေလးမွာေတာ့ border-color ကို သံုးထားတာကိုေတြ႕ႏိုင္ပါတယ္။ <html> <head> <style type = "text/css" > p.one { border-style : solid ; border-color : red ; } p.two { border-style : solid ; border-color : #98bf21 ; } </style> </head> <body> <p class = "one" > A solid red border </p> <p class = "two" > A solid green border </p> CSS for starter , written by saturngod ( ) 71
Image of page 71

Subscribe to view the full document.

<p><b> Note: </b> The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders
Image of page 72
Image of page 73
  • Fall '19

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern