CSS border-right-style Örnek

Kasım 29, 2015

htmlvecssegitimi.blogspot.com

Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYdivE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title> css border-right-style özelliği ve örnek uygulama</title> <style> div {border-style: solid; margin:30px; border-right-color:red;} /border-right-style aldığı değerler / div.none {border-right-style: none;} div.dotted {border-right-style: dotted;} div.dashed {border-right-style: dashed;} div.solid {border-right-style: solid;} div.double {border-right-style: double;} div.groove {border-right-style: groove;} div.ridge {border-right-style: ridge;} div.inset {border-right-style: inset;} div.outset {border-right-style: outset;} </style> </head> <body> <h1>CSS border-right-style özelliği ve aldığı değerler.</h1> <div class="none"> none değeri aldığında </div> <div class="dotted"> dotted(noktalı)sağ kenar stili tanımlamasıdır.</div> <div class="dashed">A dashed(kesik çizgili) sağ kenar stili tanımlamasıdır.</div> <div class="solid">A solid (sürekli çizgi)right border.</div> <div class="double">A double(çift)right border.</div> <div class="groove">A groove(oluk şeklinde)right border.</div> <div class="ridge">A ridge(tümsek) sağ kenar stili tanımlamasıdır.</div> <div class="inset">An inset(içine eğimli) sağ kenar stili tanımlamasıdır.</div> <div class="outset">An outset(dışarıya eğimli)sağ kenar stili tanımlamasıdır.</div> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI

<!DOCTYdivE HTML>
<html lang="en-US">

<head>
  <meta charset="UTF-8">
  <title> css border-right-style özelliği ve örnek uygulama</title>
  <style>
    div  {border-style: solid;
          margin:30px;
       border-right-color:red;}
    /*border-right-style aldığı değerler */
    div.none {border-right-style: none;}
    div.dotted {border-right-style: dotted;}
    div.dashed {border-right-style: dashed;}
    div.solid {border-right-style: solid;}
    div.double {border-right-style: double;}
    div.groove {border-right-style: groove;}
    div.ridge {border-right-style: ridge;}
    div.inset {border-right-style: inset;}
    div.outset {border-right-style: outset;}
  </style>
</head>

<body>
  <h1>CSS border-right-style özelliği ve aldığı değerler.</h1>
  <div class="none"> none değeri aldığında </div>
  <div class="dotted"> dotted(noktalı)sağ kenar stili tanımlamasıdır.</div>
  <div class="dashed">A dashed(kesik çizgili) sağ kenar stili tanımlamasıdır.</div>
  <div class="solid">A solid (sürekli çizgi)right border.</div>
  <div class="double">A double(çift)right border.</div>
  <div class="groove">A groove(oluk şeklinde)right border.</div>
  <div class="ridge">A ridge(tümsek) sağ kenar stili tanımlamasıdır.</div>
  <div class="inset">An inset(içine eğimli) sağ kenar stili tanımlamasıdır.</div>
  <div class="outset">An outset(dışarıya eğimli)sağ kenar stili tanımlamasıdır.</div>

</body>

</html>

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri

CSS border-right-style Örnek

htmlvecssegitimi.blogspot.com

HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML s Etiketi

İnternetten Para Kazanmanın Yolları -İnternetten Para Kazandıran Siteler -İnternetten Nasıl Para Kazanılır

HTML p Etiketi

CSS flex-flow Örnek

Html belgesi yapısını anlama uygulaması

CSS height uygulama

Html dersleri

CSS3 animation-delay Uygulama

CSS3 box-shadow uygulama

HTML select Etiketi