بستن منو
۴۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
7
نمایش متن، در CSS
8
ساخت حاشیه (border)، در CSS
4
عکس ها، در CSS
2
تعیین اندازه و موقعیت عنصرها، در CSS
4
ساخت انیمیشن، در CSS
6
لینک ها (links)، در CSS
5
رنگ ها، در CSS
1
مباحث عمومی، در CSS
8
×

دانلود فروشگاه اندروید کلیدستان

545

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

در وسط قرار دادن (به صورت افقی) یک عکس (Image)، با مشخصه های display:block و margin:auto ، در CSS

هنگامی که قصد داریم یک عکس (Image) به صورت افقی در وسط قرار بگیرد، باید کدهای CSS زیر را برای آن ذکر نماییم :


display:block;
margin:auto;

به مثال زیر توجه کنید :

مثال

کد کامل صفحه HTML :


<!DOCTYPE html>
<html>
    <head>
        <style>
            #kelidestan {
                display:block;
                margin:auto;
            }
        </style>
    </head>

    <body>
        <img id="kelidestan" src="image.png" width="200" height="200">
    </body>
</html>

تگ img را برای نمایش یک عکس به کار برده ایم و id آن را برابر kelidestan قرار دادیم :


<img id="kelidestan" src="image.png" width="200" height="200">

سپس با استفاده از کدهای CSS ، تگ img را بر اساس id آن شناسایی نموده و مشخصه های display:block و margin:auto را برای آن تعیین کرده ایم تا عکس در وسط قرار بگیرد :


<style>
    #kelidestan {
        display:block;
        margin:auto;
    }
</style>

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

<html>
 
<head>
<style type="text/css">
.image_class {
         display:block;
         margin:auto;
         }                                       
</style>
</head>
 
<body>

<img class="image_class" src="image-name.png" />

</body>
</html>

نتیجه :

Result

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

راهنمای مشخصه های CSS

راهنمای مشخصه های CSS بر اساس حرف اول مشخصه :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

بستن منو
۳۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
دسترسی سریع به دسته کلیدها :

CSS Tutorials
مجموعه ویدئوهای آموزشی CSS - مجموعه CSS Tutorials
35
بستن منو
۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
دسترسی سریع به دسته کلیدها :

Sass & SCSS Tutorial for Beginners
مجموعه ویدئوهای آموزشی Sass و SCSS برای مبتدیان - مجموعه Sass & SCSS Tutorial for Beginners - از thenewboston.com
7
بستن منو
۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
دسترسی سریع به دسته کلیدها :

Less CSS Tutorials for Beginners
مجموعه ویدئوهای آموزشی Less CSS برای مبتدیان - مجموعه Less CSS Tutorials for Beginners - از thenewboston.com
8
بستن منو
۶۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
5
نمایش عکس، در HTML
5
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
11
تعیین مشخصات کلی صفحه، در HTML
2
عناصر گرافیکی، در HTML
1
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
2
مباحث عمومی، در HTML
10
بستن منو
۲۱
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با W3.CSS
9
متن ها (Text)، در W3.CSS
1
رنگ ها (Color)، در W3.CSS
6
خطوط حاشیه (border)، در W3.CSS
3
کارت ها (Card)، در W3.CSS
1
فونت ها (Font)، در W3.CSS
1

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)