সিএসএস বর্ডার টিউটোরিয়াল (CSS Border Tutorial in Bangla)

সিএসএস বর্ডার টিউটোরিয়াল (CSS Border Tutorial in Bangla)

এইচটিএমএল এলিমেন্ট এর চারপাশে বর্ডার দেয়া যায়। border-style, border-width, border-color ইত্যাদি প্রোপার্টি দিয়ে এই বর্ডারের অনেক স্টাইল করা যায়।
যেমন

01.p.one {

02.border-style: solid;

03.border-width: 3px;

04.border-color: maroon;

05. 

06.}

07. 

08.p.two {

09.border-style: solid;

10.border-width: medium;

11.}

12.p.three{

13.border-style: double;

14.}

15.p.four{

16.border-style: groove;

17.}

18.p.five{

19.border-style: dotted;

20.}

21.p.six{

22.border-style: dashed;

23.}

24.p.seven{

25.border-style: inset;

26.}

27. 

28.p.eight{

29.border-style: outset;

30.}

31.p.nine{

32.border-style: ridge;

33.}

34.p.ten{

35.border-style: hidden;

36.}

 প্রয়োগ দেখুন

** border-width প্রোপার্টি টি একা থাকলে কাজ করবেনা, তার আগে border-style দিয়ে আসতে হবে।

চারদিকের বর্ডারের জন্য ৪ রকম স্টাইল করা যাবে যেমন

1.border-left-width: 10px;

2.border-right-width: 10px;

3.border-top-style: dotted;

4.border-right-style: solid;

5.border-bottom-style: dashed;

6.border-left-style: ridge;