» Để có thể tham gia thảo luận, các bạn phải đăng ký làm thành viên, click vào đây để đăng ký.
» Mong bạn sẽ có nhưng giây phút bổ ích trên 4rum.
» Cảm ơn sự ủng hộ của bạn.

Join the forum, it's quick and easy

» Để có thể tham gia thảo luận, các bạn phải đăng ký làm thành viên, click vào đây để đăng ký.
» Mong bạn sẽ có nhưng giây phút bổ ích trên 4rum.
» Cảm ơn sự ủng hộ của bạn.

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

Latest topics

» Skin 3Bj - Design bởi ßabylove_die - Rip bởi FR [A2Pro]
by thoavip103 Wed Aug 22, 2012 10:05 am

» Xin code khẩn cấp
by wastevip Wed Jan 11, 2012 3:30 pm

» Code banner quảng cáo chạy 2 bên hay đó nha ! :D
by wastevip Wed Jan 11, 2012 2:42 pm

» Cổng Chia Sẻ.Com - Let's share to be Shared
by zhaosin0201 Sat Dec 10, 2011 4:55 pm

» Giảm 40% học phí cho sinh viên khóa tiếng anh giao tiếp với giáo viên bản ngữ
by nhungntbac Thu Sep 22, 2011 3:32 pm

» Tư vấn du lịch nước ngoài
by bycute90 Thu Aug 25, 2011 3:02 pm

» Mảnh giấy tình yêu
by gianggiangonline Thu Apr 21, 2011 10:13 am

» 10 câu nói bất hủ cuả Bill Gates
by votinh_boy Wed Mar 16, 2011 5:16 pm

» Kiểm tra tính hợp lệ của một email
by votinh_boy Sun Mar 13, 2011 6:01 pm

» clip hai` vui :D
by votinh_boy Wed Mar 09, 2011 11:52 pm

» Ghé thăm “đại bản doanh” mới của Facebook
by  Wed Feb 09, 2011 5:48 pm

» Tuyệt chiêu khôi phục dữ liệu trên đĩa bị trầy xước:
by hogiang Wed Feb 09, 2011 5:40 pm

» Ảnh nhoè .........
by votinh_boy Wed Dec 29, 2010 3:18 pm

» Microsoft Office 2010 Blue Edition
by 1959 Sun Oct 03, 2010 8:53 am

» Chàng trai '4 không' trưng biển tìm vợ trên phố
by  Fri Sep 24, 2010 7:05 pm

» Video tạo menu drop
by votinh_boy Wed Sep 15, 2010 6:31 am

Keywords


2 posters

    Thuộc Tính margin

    avatar


    Điểm Số : 20035
    Ngày Tham Gia : 01/01/1970

    Thuộc Tính margin Empty Thuộc Tính margin

    Bài gửi by  Mon May 17, 2010 8:11 pm

    Thuộc tính margin được dùng để tăng, giảm khoảng cách giữa các đối tượng với nhau.

    Cú pháp như sau:

    Code:
    margin:auto; /* tự động giãn*/
    margin:50px; /* Khoảng cách với 4 bên là 50px */

    ví dụ
    Code:

    <style>
        #margin {
            margin:150px; /* Khoảng cách với 4 bên là 150px */
        }
    </style>
    <div id="margin">Khoảng cách của Div này với 4 lề là 150px.</div>

    Code:
    <style>
            #margin2 { margin: 50px; border:1px solid black; }
            #margin1 { border:1px solid black; }
        </style>
     
        <div id="margin1">
            <div id="margin2">Khoảng cách của Div này với Div ngoài là 50px.</div>
        </div>
    avatar


    Điểm Số : 20035
    Ngày Tham Gia : 01/01/1970

    Thuộc Tính margin Empty Thuộc tính margin-left

    Bài gửi by  Mon May 17, 2010 8:12 pm

    Thuộc tính margin-left làm tăng, giảm khoảng cách bên trái của đối tượng được áp dụng.


    Cú pháp như sau:

    Code:


        margin-left:200px; /* Khoảng cách bên trái là 200px  */
        margin-left:none; /* Khoảng cách bên trái mặc định */
    Ví dụ:

    Code:
     
     <style>
                #margin2 {
                    border:1px solid black;
                    margin-left:200px; /* Khoảng cách bên trái là 200px  */
                }
                #margin1 { border:1px solid #FF0000; }
    </style>
         
            <div id="margin1">
                <div id="margin2">Khoảng cách bên trái của Div này là 200px.</div>
            </div>
    avatar


    Điểm Số : 20035
    Ngày Tham Gia : 01/01/1970

    Thuộc Tính margin Empty Re: Thuộc Tính margin

    Bài gửi by  Mon May 17, 2010 8:15 pm

    Thuộc tính margin-right sẽ tăng, giảm khoảng cách bên phải của đối tượng.
    Cú pháp:


    Code:

        margin-right:auto;/* Khoảng cách tự động */
        margin-right:120px; /* Khoảng cách bên phải là 120px */


    Ví dụ:

    Code:
        <style>
                #margin2 {
                    border:1px solid black;
                    margin-right:200px; /* Khoảng cách bên phải là 200px  */

                }
                #margin1 { border:1px solid #FF0000; }
            </style>
         
            <div id="margin1">
                <div id="margin2">Khoảng cách bên phải của Div này là 200px.</div>
            </div>
    avatar


    Điểm Số : 20035
    Ngày Tham Gia : 01/01/1970

    Thuộc Tính margin Empty Re: Thuộc Tính margin

    Bài gửi by  Mon May 17, 2010 8:16 pm

    Thuộc tính margin-button làm tăng, giảm khoảng cách phía dưới của các đối tượng.
    Cú pháp:



    Code:

        margin-bottom:20px; /* Khoảng cách phía dưới là 20px  */
        margin-bottom:auto; /* Tự động  */


    Ví dụ:


    Code:
        <style>
                #marginbutton{
                    border:1px solid #FF0000;
                    margin-bottom:20px; /* Khoảng cách phía dưới là 20px  */
                }
                #div1{
                    border: 2px solid #0000FF;
                }
            </style>
                <div id="div1">
                    <div id="marginbutton">Khoảng cách phía dưới của Div này so với Div ngoài là 20px.</div>
                </div>

    votinh_boy
    votinh_boy

    Admin
    Admin


    Bài Gửi : 366
    Điểm Số : 6117
    Đến từ : Quỳnh Lưu-Nghệ An
    Ngày Tham Gia : 21/10/2009

    Thuộc Tính margin Empty Re: Thuộc Tính margin

    Bài gửi by votinh_boy Mon May 17, 2010 8:28 pm

    đến đây các bạn cũng chú ý khi sử dụng thuộc tính margin này, nó sẽ chiếm độ rộng ( chiều cao) vì vậy nên sử dụng thẻ div sao cho hiệu quả.

    1 điều nữa là hiện tại thiết kế web với div là xu hướng lớn nhất vì tốc độ load nhanh hơn hẳn table

    Sponsored content


    Thuộc Tính margin Empty Re: Thuộc Tính margin

    Bài gửi by Sponsored content


      Hôm nay: Fri Nov 08, 2024 11:15 pm