صفحه اصلی / ▼آموزشLearning / –3 آموزش سی اس اس Learning CSS3 / اضافه کردن متن به CSS با خاصیت Content

اضافه کردن متن به CSS با خاصیت Content

اگر برای شما هم سوال پیش آمده که چطوری با css متنی را اضافه کنیم با این آموزش همراه باشید.

قبل از این آموزش باید با سلکتورafter و before آشنا بشید و بدونید که این خاصیت فقط در IE8 به بعد به درستی نمایش داده میشه و باید از

<!DOCTYPE html>

قبل از تگ html استفاده کنید.

همونطوری که از معنی این لغات مشخصه این دو خاصیت برای انتخاب قبل و بعد از عنصر یا شیئی ای به کار میره مثال:

سلکتور قبل از پاراگراف :

p:before { }

سلکتور بعد از پاراگراف :

p:after { }

حالا نوبت به قرار دادن متن میشه که با خاصیت content انجام میشه و متن مورد نظر خودتون و یا کد Hex کاراکترهای html مقدار دهی میکنیم.

با دو مثال این آموزشو تموم میکنیم.

۱- اضافه کردن متن با کد Hex :

p:after {content: "2665";}

۲- اضافه کردن متن دلخواه :

p:after {content:"این متن نمونه است";}

جدول کد های Hex کاراکتر های html

درباره مدیر سایت

سعید حسینی هستم کارشناسی مهندسی نرم افزار مدیر سایت و علاقه مند به فناوری اطلاعات و تکنولوژی های نو علاقه مند به وردپرس و جوملا و مدتی افتخار همکاری با انجمن پشتیبانی وردپرس پارسی را نیز داشتم. مهارتهای نرم افزاری • وب : PHP , HTML , Java script , JQuery , asp , CSS & CSS3 , Dreamweaver • برنامه نویسی : Delphi , C ++ , C sharp • بانک اطلاعاتی : SQL Server , MySQL , Oracle • طراحی : Photoshop ورزش های مورد علاقه ام شنا و فوتبال و دوچرخه سواری هستند.

همچنین بخوانید

آشنایی با دو عنصر rgb و rgba در CSS

آشنایی با دو عنصر rgb و rgba در CSS

rgb و rgba در اصل یکی هستند . و rgba نسخه جدیدتری نسبت به rgb …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *