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

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

26335

نویسنده

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

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

ایجاد تورفتگی خط اول پاراگراف (Text Indent)، با مشخصه text-indent ، در CSS

مشخصه text-indent در CSS ، برای ایجاد تورفتگی خط اول پاراگراف (Text Indent) به کار می رود.

مقدار تورفتگی را می توانیم برحسب پیکسل (pixel - px) یا سانتیمتر (centimeter - cm) یا سایر واحدها و یا بر حسب درصدی از طول عنصر (با علامت %) بیان کنیم.

به عنوان مثال، برای تورفتگی به اندازه 50 پیکسل (px)، کد CSS زیر را می نویسیم :


text-indent: 50px;

یا برای تورفتگی به اندازه یک سانتیمتر (cm)، کد CSS زیر را می نویسیم :


text-indent: 1cm;

و یا بر حسب درصدی از طول عنصر (مثلا 5 درصد)، کد CSS زیر را می نویسیم :


text-indent: 5%;

و کد CSS را به صورت زیر برای تگ حاوی آن متن (Text)، ذکر می کنیم :


<p style="text-indent: 50px;">
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
    kelidestan.com kelidestan.com kelidestan.com
</p>

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

مثال

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


<!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <p style="text-indent: 50px;">
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
        </p>
    </body>
</html>

نتیجه :

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

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


<!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <p style="text-indent: 10%;">
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
        </p>
    </body>
</html>

نتیجه :

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

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


<!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <p style="text-indent: 1cm;">
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
            kelidestan.com kelidestan.com kelidestan.com
        </p>
    </body>
</html>

نتیجه :

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

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

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 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
4
بستن منو
۷۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
5
نمایش عکس، در HTML
6
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
17
تعیین مشخصات کلی صفحه، در HTML
5
عناصر گرافیکی، در HTML
1
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
2
مباحث عمومی، در HTML
10
بستن منو
۴۲
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با W3.CSS
11
متن ها (Text)، در W3.CSS
1
رنگ ها (Color)، در W3.CSS
6
عکس ها (Image)، در W3.CSS
9
خطوط حاشیه (border)، در W3.CSS
3
حاشیه (Padding و Margin)، در W3.CSS
1
کارت ها (Card)، در W3.CSS
1
فونت ها (Font)، در W3.CSS
1
فهرست ها (لیست - List)، در W3.CSS
4
راهنماها (Tooltip)، در W3.CSS
0
انیمیشن ها (Animation)، در W3.CSS
5