CSS İpuçları ? 12 : 3 köşeye border tanımı

Normalde tüm köşelere kenarlık(border) tanımlarken:

border: 1px solid #333;

kullanılır. Tek köşeye kenarlık vermek içinse:

border-[top-right-bottom-left]: 1px solid #333;

kullanılır. köşeye kenarlık vermek için her birini ayrı ayrı tanımlamamız gerekir.

border-top: 1px solid #333;
border-right: 1px solid #333;
border-left: 1px solid #333;

Bunun yerine olmayan kenarı(örn: alt kenar) görünmez yaparak hallede biliriz.

border: 1px solid #333;
border-bottom: 1px solid #fff;

Kaynak :  CSS Dersleri, Fatih HAYRİOĞLU

Bana Ders Anlat © 2008-2022