Scribd Logo
Upload

Welcome to Scribd!

  • Untitled

    Uploaded by

    xcv
    5 views4 pages
    The document contains three sections that demonstrate different CSS border and font properties. The first section shows examples of various border styles that can be applied to paragraph elements. The second section demonstrates how to set multicolored borders using the border-color property. The third section displays examples of the normal, italic, and oblique font styles.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains three sections that demonstrate different CSS border and font properties. The first section shows examples of various border styles that can be applied to paragraph elements. The second section demonstrates how to set multicolored borders using the border-color property. The third section displays examples of the normal, italic, and oblique font styles.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views4 pages

    Untitled

    Uploaded by

    xcv
    The document contains three sections that demonstrate different CSS border and font properties. The first section shows examples of various border styles that can be applied to paragraph elements. The second section demonstrates how to set multicolored borders using the border-color property. The third section displays examples of the normal, italic, and oblique font styles.

    Copyright:

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

    <!

    DOCTYPE html>

    <html>

    <head>

    <style>

    p{

    border-style: solid;

    p.none {border-top-style: none;}

    p.dotted {border-top-style: dotted;}

    p.dashed {border-top-style: dashed;}

    p.solid {border-top-style: solid;}

    p.double {border-top-style: double;}

    p.groove {border-top-style: groove;}

    p.ridge {border-top-style: ridge;}

    p.inset {border-top-style: inset;}

    p.outset {border-top-style: outset;}

    </style>

    </head>

    <body>

    <p class="none">No top border.</p>

    <p class="dotted">A dotted top border.</p>

    <p class="dashed">A dashed top border.</p>

    <p class="solid">A solid top border.</p>

    <p class="double">A double top border.</p>

    <p class="groove">A groove top border.</p>

    <p class="ridge">A ridge top border.</p>

    <p class="inset">An inset top border.</p>

    <p class="outset">An outset top border.</p>


    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    p.one {

    border-style: solid;

    border-color: #0000ff;

    p.two {

    border-style: solid;

    border-color: #ff0000 #0000ff;

    p.three {

    border-style: solid;

    border-color: #ff0000 #00ff00 #0000ff;

    p.four {

    border-style: solid;

    border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255);

    </style>

    </head>

    <body>

    <p class="one">One-colored border!</p>


    <p class="two">Two-colored border!</p>

    <p class="three">Three-colored border!</p>

    <p class="four">Four-colored border!</p>

    <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 first.</p>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    p.normal {

    font-style: normal;

    p.italic {

    font-style: italic;

    p.oblique {

    font-style: oblique;

    </style>

    </head>

    <body>

    <h1>The font-style property</h1>

    <p class="normal">This is a paragraph in normal style.</p>


    <p class="italic">This is a paragraph in italic style.</p>

    <p class="oblique">This is a paragraph in oblique style.</p>

    </body>

    </html>

    You might also like