border-bottom-width:

border-bottom-width özelliği, border ‘ ın genişlik boyutunu tanımlamamızı sağlar.
Not: border ‘ ın width özelliğini belirtmeden önce kesinlikle border-style özelliği verilmelidir.

See the Pen ojNxKN by W3TR (@w3tr) on CodePen.


Varsayılan değeri: medium;
border-bottom-width: medium | thin | thick | length | initial | inherit;

medium =  Varsayılan değerdir.
thin =  ince bir sınır sitilini vermemizi sağlar.
length = Nokta biçiminde stil verir.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 1.0 4.0 1.0 1.0 3.5
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ ? ? ? ? ? ?

border-collapse:

border-collapse özelliği, table ve içindeki sutunlar için ayrı ayrı border tanımlamamızı olanak sağlar.

See the Pen OyJNYW by W3TR (@w3tr) on CodePen.


Varsayılan değeri: separate;
border-collapse: separate|collapse|initial|inherit;

separate =  Değerlere boşluk ayırt etmeden border verilmesini sağlar.
collapse =  Genel tabloya border verilir sadece.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 1.0 5.0 1.0 1.2 4.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ 4.0 ? 1.0(1.9.2)[1] 7.0 11 1.0

border-color:

Border-color özelliği bir elementin dört sınırlarının rengini ayarlar. Bu özellik bir ila dört değerlere sahip olabilir.
Not: border-color özelliğinden önce border-style özelliğinin tanımlanmış olması gerekir.

See the Pen WQNwWZ by W3TR (@w3tr) on CodePen.


Varsayılan değeri: elementin geçerli rengi;
border-color: color | transparent | initial | inherit;

color =  Arkaplan rengini belirler varsayılan değer siyahtır.
transparent =  Rengin şeffaf olması gerektiğini belirtir.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 1.0 4.0 1.0 1.0 3.5
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ 2.3 ? 1.0(1.9.2) 7.0 11 3.0

border-image:

Border-image özelliği bir elementin borderlarına resim ataması özelliğini kullanmamızı sağlar.
Not: border-color özelliğinden önce border-style özelliğinin tanımlanmış olması gerekir.

See the Pen xwxVBe by W3TR (@w3tr) on CodePen.


Varsayılan değeri: none 100% 1 0 stretch;
border-image: source slice width outset repeat|initial|inherit;

border-image-source =  Görüntünün yolunu belirtmek için kullanılır.
border-image-slice =  border bölümlerinin sınırlarını gösterir.
border-image-width =  border a verilen resmi genişliğini belirlememize olanak sağlar.
border-image-outset =  Belirlenen sınırın dışına, ötesine uzamasını sağlar.
border-image-repeat =  Verilen görüntünün kapladığı miktar boyunca tekrar etmesini sağlar.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CRHOME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 16.04.0 -webkit- 11.0 15.03.5 -moz- 6.03.1 -webkit- 15.011.0 -o-
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ 2.1 ? ? ? Evet 3.2

border-image-outset:

border-image-outset özelliği, border ‘ ın belirtilen boyuttan ne kadar dışarı taşacağını beliritir.

See the Pen zvYqYp by W3TR (@w3tr) on CodePen.


Varsayılan değeri: 0;
border-image-outset: length | number | initial | inherit;

length =   Ne kadar taşacağını belirler. Varsayılan değer 0 ‘ dır.
number =  Borderların sıralamasına göre uzaklık atamamızı sağlar.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CHROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 15.0 11.0 15.0 6.0 15.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ ? ? 15.0 Desteklenmiyor ? ?

border-image-repeat:

border-image-repeat özelliği, border ‘ ın belirtilen boyutlar içinde tekrarlanmasını sağlar.

See the Pen dYyGEq by W3TR (@w3tr) on CodePen.


Varsayılan değeri: stretch;
border-image-repeat: stretch | repeat | round | initial | inherit;

stretch =   Varsayılan değer. Görüntü alanını kaplayacak şekilde genişletilir.
repeat =  Görüntü alanını sınırlanan bölge kadar tekrar eder.
round =  Görüntünün iki noktası arasındaki bölgesi tekrarlanmasını sağlar.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CHROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 15.0 11.0 15.0 6.0 15.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ ? ? 15.0 Desteklenmiyor ? ?

border-image-slice:

border-image-slice özelliği, border ‘ ın belirtilen boyutlar içinde tekrarlanmasını sağlar.

See the Pen yYLerV by W3TR (@w3tr) on CodePen.


Varsayılan değeri: stretch;
border-image-repeat: stretch | repeat | round | initial | inherit;

stretch = Varsayılan değer. Görüntü alanını kaplayacak şekilde genişletilir.
repeat =  Görüntü alanını sınırlanan bölge kadar tekrar eder.
round =  Görüntünün iki noktası arasındaki bölgesi tekrarlanmasını sağlar.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CHROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 15.0 11.0 15.0 6.0 15.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ ? ? 15.0 Desteklenmiyor ? ?

border-image-source:

border-image-source özelliği, border ‘ a verilen resmi değiştirmek için kullanılır.

See the Pen qOBbgo by W3TR (@w3tr) on CodePen.


Varsayılan değeri: none;
border-image-source: none | image | initial | inherit;

none =   Varsayılan değer. Kullanılacak görüntü yok.
image =  Görüntün yolunu belirtir.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CHROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 15.0 11.0 15.0 6.0 15.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ ? ? 15.0 Desteklenmiyor ? ?

border-image-width:

border-image-width özelliği, border ‘ a verilen resmin ne genişlik boyunca olacağını belirtir.

See the Pen JYjGwp by W3TR (@w3tr) on CodePen.


Varsayılan değeri: 1;
border-image-width: number | % | auto | initial | inherit;

number = 4 kenar içinde width verilecek kenarın hangi kenar olduğunu belirtir.
% = Yüzdeli değerler ile genişlik verir.
auto = Yüzdeli değerler ile genişlik verir.
İnital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
İnherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CHROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 15.0 11.0 13.0 6.0 15.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ ? ? 13.0 Desteklenmiyor ? ?

Border-left:

Elementin sol kenarlık özelliklerini ayarlamak  için kullanılır.

See the Pen epYJLg by W3TR (@w3tr) on CodePen.


Varsayılan değer:  medium none color;
border-left: border-width border-style border-color|initial|inherit;

border-left-width =   Sol kenarlık genişliğini ayarlamak için kullanılır. varsayılan değeri “medium “dur
border-left-style =   Sol kenarlık stilini ayarlamak için kullanılır.
Border-left-color =   Sol kenarlık rengini ayarlamak için kullanılır.
inital = Varsayılan değerine bu özelliğini ayarlar. Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)
inherit = Bir linkle anlatılacak. (Çünkü hepsinde aynı değer var)

TARAYICI CROME İE FİREFOX SAFARİ OPERA
SÜRÜMÜ 1.0 4.0 1.0 3.5 1.0
TARAYICI: ANDROİD CROME FOR ANDROİD FİREFOX MOBİLE İE MOBİLE OPERA MOBİLE SAFARİ MOBİLE
SÜRÜMÜ 1.0 ? 1.0(1.0) Evet Evet evet