Scribd Logo
Upload

Welcome to Scribd!

  • Css 2 Borders

    Uploaded by

    p_isaic989
    4 views2 pages
    CSS si HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    CSS si HTML

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views2 pages

    Css 2 Borders

    Uploaded by

    p_isaic989
    CSS si HTML

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Fisa css 2

    Borders </style>
    Pune in evidenta bordura elementului, de regula </head>
    de tip block. Bordura este linia care se afla intre
    zona Margin si zona Padding. <body>
    1. Toate setarile intr-o singura declaratie: <p>Some text.</p>
    </body>
    <html>
    <head> </html>
    <style type="text/css">
    p
    { la fel se procedeaza si pentru border-right,
    border: medium double rgb(250,0,255) border-bottom, border-left
    }
    </style> Realizati exemplul de mai sus pentru una dintre
    </head> borduri
    <body>
    <p>Some text</p> 4. Setarea stilurilor pentru toate bordurile
    </body> <html>
    </html> <head>
    <style type="text/css">
    2. Setarea bordurilor diferentiat p.dotted {border-style: dotted}
    p.dashed {border-style: dashed}
    <html> p.solid {border-style: solid}
    <head> p.double {border-style: double}
    <style type="text/css"> p.groove {border-style: groove}
    p.soliddouble {border-style: solid double} p.ridge {border-style: ridge}
    p.doublesolid {border-style: double solid} p.inset {border-style: inset}
    p.groovedouble {border-style: groove double} p.outset {border-style: outset}
    p.three {border-style: solid double groove} </style>
    </style> </head>
    </head> <body>
    <p class="dotted">A dotted border</p>
    <body> <p class="dashed">A dashed border</p>
    <p class="soliddouble">Solid sus si jos double in <p class="solid">A solid border</p>
    lateral</p> <p class="double">A double border</p>
    <p class="doublesolid">double sus si jos solid in <p class="groove">A groove border</p>
    lateral</p> <p class="ridge">A ridge border</p>
    <p class="groovedouble">Some text</p> <p class="inset">An inset border</p>
    <p class="three">solid sus double in lateral stanga <p class="outset">An outset border</p>
    dreapta si groove jos</p> </body>
    </body>
    </html> </html>

    3. Toate setarile pentru bordura superioara La fel se procedeaza si pentru fiecare latura in
    intr-o singura declaratie parte: border-top-style, border-right-style,
    border-bottom-style, border-left-style
    <html>
    <head> Realizati exemplul de mai sus pentru una dintre
    borduri
    <style type="text/css">
    p
    {
    border-top: medium solid #ff0000
    }
    1
    Fisa css 2

    5. Setarea grosimii tuturor bordurilor intr-o 6. Setarea culorilor pentru toate bordurile
    singura declaratie:
    <html>
    <html> <head>
    <head>
    <style type="text/css"> <style type="text/css">
    p.one{ p.one
    border-style: solid; {
    border-width: 5px} border-style: solid;
    p.two { border-color: #0000ff
    border-style: solid; }
    border-width: thick} p.two
    p.three{ {
    border-style: solid; border-style: solid;
    border-width: 5px 0px} border-color: #ff0000 #0000ff
    p.four { }
    border-style: solid; p.three
    border-width: 5px 10px 1px} {
    p.five { border-style: solid;
    border-style: solid; border-color: #ff0000 #00ff00 #0000ff
    border-width: 5px 10px 1px medium} }
    </style> p.four
    </head> {
    border-style: solid;
    <body> border-color: #ff0000 #00ff00 #0000ff
    <p class="one">Some text</p> rgb(250,0,255)
    <p class="two">Some text</p> }
    <p class="three">Some text</p> </style>
    <p class="four">Some text</p>
    <p class="five">Some text</p> </head>
    <p><b>Note:</b> The "border-width" property
    does not work if it is used alone. Use the "border- <body>
    style" property to set the borders first.</p>
    </body> <p class="one">One-colored border!</p>
    <p class="two">Two-colored border!</p>
    </html> <p class="three">Three-colored border!</p>
    <p class="four">Four-colored border!</p>
    La fel se procedeaza si pentru fiecare latura in
    parte: border-top-width, border-right-width, <p><b>Note:</b> The "border-color" property
    border-bottom-width, border-left-width does not work if it is used alone. Use the "border-
    style" property to set the borders first.</p>
    Realizati exemplul de mai sus pentru una dintre
    borduri </body>
    </html>

    La fel se procedeaza si pentru fiecare latura in


    parte: border-top-color, border-right-color,
    border-bottom-color, border-left-color

    You might also like