Научите како да направите премотавање текста око лебдеће слике помоћу ЦСС-а.
Да би се ваш текст омотао око слике са десне стране, слично као на фотографији која представља овај чланак, користите ЦСС правило попут овог:
Правило флоат: лево чини да се слика помера на леву маргину. Правило паддинг-десно спречава да текст удари тачно о десну страну слике. Ако је овој слици додат ивица, између слике и ивице би дошло до одступања. Погледајте одељак 2 за рад са сликом са ивицом.
Затим додајте маргине лево и десно од слике да бисте је центрирали. Одговарајућа вредност за леву и десну маргину за центрирање било чега је аутоматска.
Да бисте направили дебелу ивицу налик оквиру користећи стил ивице жлеба, може се користити правило попут овог:
Остали стилови ивица су чврсти, тачкасти, испрекидани, двоструки, гребен, уметак и почетак. Ширина се може изразити у пикселима, емс-има или процентима.
Ивице се могу селективно применити на горњу, десну, доњу и леву страну слике. Ово знање можете користити да бисте створили ефекат попут сенке.
Коришћењем чврсте ивице у 2 нијансе сиве само на десној и доњој ивици, добијате ефекат сенке.
имг { флоат: лево; бордер-ригхт-стиле: чврст; бордер-ригхт-видтх: 8пк; бордер-ригхт-цолор: #ЦЦЦЦЦЦ; Борд-боттом-стиле: чврст; бордер-боттом-видтх: 8пк; бордер-боттом-цолор: #999999; маргин-ригхт: 1ем; маргин-боттом: 1ем; }
Савет
Ако имате слике у више од једне поделе (див) на страници, користите селекторе потомака да их стилизујете појединачно. Могући бирачи: #цонтент имг, #сидебар имг, #феатуре имг.
