src در CSS

[سافت سرا 291]

سلام. تو CSS یه مقدار به نام Src وجود داره. این src کارش چیه؟

من احساس می کنم برای نمایش تصویره. اما هیچ تصویری رو برای کلاس مربوطه نمایش نمیده.

اگه امکانش هست یه مثال عینی بزنید. ممنون.

[پویابهروش 237]

سلام.

به هیچ وجه تو CSS چیزی به اسم src وجود نداره! مگر برای گرفتن attr یک تصویر که اونم مخلفات می خواد :|

[Farzad 3805]

منظور تون src تگ img هست ؟

<img src="linktoimage.png">

دقیقاً با چه بخشی مشکل دارید ؟ آدرس عکس رو درست وارد کردید؟

[Alireza Xn 1644]

فکر کنم شما این قابلیت رو توی نرم افزار های ویرایشگری مثل Dreamweaver یا Brackets دیدید درسته ؟؟

این اصلا جنبه عنصر نداره ! فقط برای سریع تر شدن کار توی نوشتن آدرس فونت ها به کار میاد .

مثال :

@font-face{font-family:BYekan;src:url(fonts//BYekan.eot);
src:local('b BYekan'),url(fonts//BYekan.woff) format('woff'),url(fonts//BYekan.ttf) format('truetype'),url(BYekan.svg) format('svg');
font-weight:400;font-style:normal}

[سافت سرا 291]

هیچ مشکل خاصی ندارم. من یه کلاس تعریف کردم برای تصاویر. مثلا کلاس ico.

یه سری ویژگیهای مثله ابعاد و ... رو هم بهش دادم. این src رو اتفاقی دیدم و فکر کردم برای تصاویر تکراری آدرس تصویر رو بشه تو کلاس وارد کرد.

مثلا بجای

<img src="Data/info.png" />

بنویسم

<img class="ico" />

اما در حالت دوم تصویری نمایش داده نمیشه، یعنی به صورتی که تصویر رو پیدا نکرده نشون داده میشه. می خواستم ببینم این src دقیقا چیکار می کنه. همین.

فکر کنم شما این قابلیت رو توی نرم افزار های ویرایشگری مثل Dreamweaver یا Brackets دیدید درسته ؟؟

این اصلا جنبه عنصر نداره ! فقط برای سریع تر شدن کار توی نوشتن آدرس فونت ها به کار میاد .

مثال :

@font-face{font-family:BYekan;src:url(fonts//BYekan.eot);
src:local('b BYekan'),url(fonts//BYekan.woff) format('woff'),url(fonts//BYekan.ttf) format('truetype'),url(BYekan.svg) format('svg');
font-weight:400;font-style:normal}

بله دقیقا. ممنون.

[Farzad 3805]

البته می تونید از خاصیت background-image استفاده کنید دوست عزیز اگر میخواین از کلاس استفاده کنید.

با دادن طول و عرض هم می تونید سایز رو تنظیم کنید.

.class {
background-image:url('link.png');
}

[imanfakhar 26231]

این هم هست

.class {
content:url('image.png');
}

src تصویر رو احضار می کنه خودتون که می بینید آدرس تصویر مقدارشه

[سافت سرا 291]

ممنون دوستان. فقط می خواستم ببینم این SRC کارش دقیقا چیه؟

[SM-Mahdavi 5427]

کوتاه شده عبارت Source هست و داخل ساختار html برای آدرس دهی استفاده میشه.