Dema ku dor tê pêşkeftina malperê ku bi karanîna HTML û CSS-ê tê, şiyana manipulkirina xuyangkirina hêmanên li ser malperek pir girîng e. Yek ji awayên gihîştina vê yekê bi lêzêdekirina sînorek li hêmanek e. Di CSS de, taybetmendiya sînor ji bo diyarkirina sînorê hêmanek tê bikar anîn, û ew dihêle hûn mezinahiya sînor diyar bikin.
Ji bo ku mezinahiya sînor li CSS-ê zêde bikin, hûn dikarin taybetmendiya sînor-firehiyê bikar bînin. Ev taybetmendî dihêle hûn firehiya sînor di yekîneyên cûda yên wekî pixel, ems, rems, an sedî de bicîh bikin. Taybetmendiya firehiya sînor dikare li ser aliyên ferdî yên sînorê hêmanê (jor, rast, jêr, û çep) an jî li hemî aliyan yekcar were sepandin.
Li vir mînakek heye ku hûn çawa dikarin taybetmendiya sînor-firehiyê bikar bînin da ku mezinahiya sînor li hêmanek zêde bikin:
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
Di mînaka yekem de, taybetmendiya sînor-firehiya 2 pîxelan tête danîn, ku heman firehiya sînor li hemî aliyên hêmanê bicîh tîne. Di mînaka duyemîn de, taybetmendiya sînor-firehiyê ji bo aliyê jorîn 2 pixel, ji bo aliyê rastê 4 pixel, ji bo aliyê jêrîn 6 pixel, û ji bo milê çepê 8 pixel hatiye danîn. Ev dihêle hûn li dora hêmanê tixûbek ne-yekgirtî biafirînin.
Girîng e ku bala xwe bidinê ku taybetmendiya firehiya sînor bi tenê dê sînor bi eşkere nîşan nede heya ku hûn taybetmendiyên şêwaza sînor û rengê sînor jî diyar nekin. Taybetmendiya reng-sînor şêwaza sînor diyar dike, wek hişk, şikestî, xalî, hwd., dema ku taybetmendiya reng-sînor rengê sînor destnîşan dike.
Li vir mînakek heye ku taybetmendiyên sînor-fireh, sînor-reng, û sînor-reng bi hev re dike:
Di vê nimûneyê de, taybetmendiya sînor-firehiya sînor firehiya 2 pîxelan, taybetmendiya şêwaza sînor şêwazê hişk, û taybetmendiya reng-sînor reng li ser sor destnîşan dike. Ev ê li dora hêmanê sînorek sor a hişk biafirîne.
Ji bo ku mezinahiya sînor li CSS-ê zêde bikin, hûn dikarin taybetmendiya sînor-firehiyê bikar bînin. Ev taybetmendî dihêle hûn firehiya sînor di yekîneyên cûda de diyar bikin û dikare li aliyên takekesî an hemî aliyên hêmanek were sepandin. Ji bîr mekin ku hûn taybetmendiyên şêwaza sînor û rengê sînor jî diyar bikin da ku sînor diyar bibe.
Zêdekirina mezinahiya sînor di CSS de çi ye?
Dema ku dor tê pêşkeftina malperê ku bi karanîna HTML û CSS-ê tê, şiyana manipulkirina xuyangkirina hêmanên li ser malperek pir girîng e. Yek ji awayên gihîştina vê yekê bi lêzêdekirina sînorek li hêmanek e. Di CSS de, taybetmendiya sînor ji bo diyarkirina sînorê hêmanek tê bikar anîn, û ew dihêle hûn mezinahiya sînor diyar bikin.
Ji bo ku mezinahiya sînor li CSS-ê zêde bikin, hûn dikarin taybetmendiya sînor-firehiyê bikar bînin. Ev taybetmendî dihêle hûn firehiya sînor di yekîneyên cûda yên wekî pixel, ems, rems, an sedî de bicîh bikin. Taybetmendiya firehiya sînor dikare li ser aliyên ferdî yên sînorê hêmanê (jor, rast, jêr, û çep) an jî li hemî aliyan yekcar were sepandin.
Li vir mînakek heye ku hûn çawa dikarin taybetmendiya sînor-firehiyê bikar bînin da ku mezinahiya sînor li hêmanek zêde bikin:
Di mînaka yekem de, taybetmendiya sînor-firehiya 2 pîxelan tête danîn, ku heman firehiya sînor li hemî aliyên hêmanê bicîh tîne. Di mînaka duyemîn de, taybetmendiya sînor-firehiyê ji bo aliyê jorîn 2 pixel, ji bo aliyê rastê 4 pixel, ji bo aliyê jêrîn 6 pixel, û ji bo milê çepê 8 pixel hatiye danîn. Ev dihêle hûn li dora hêmanê tixûbek ne-yekgirtî biafirînin.
Girîng e ku bala xwe bidinê ku taybetmendiya firehiya sînor bi tenê dê sînor bi eşkere nîşan nede heya ku hûn taybetmendiyên şêwaza sînor û rengê sînor jî diyar nekin. Taybetmendiya reng-sînor şêwaza sînor diyar dike, wek hişk, şikestî, xalî, hwd., dema ku taybetmendiya reng-sînor rengê sînor destnîşan dike.
Li vir mînakek heye ku taybetmendiyên sînor-fireh, sînor-reng, û sînor-reng bi hev re dike:
Di vê nimûneyê de, taybetmendiya sînor-firehiya sînor firehiya 2 pîxelan, taybetmendiya şêwaza sînor şêwazê hişk, û taybetmendiya reng-sînor reng li ser sor destnîşan dike. Ev ê li dora hêmanê sînorek sor a hişk biafirîne.
Ji bo ku mezinahiya sînor li CSS-ê zêde bikin, hûn dikarin taybetmendiya sînor-firehiyê bikar bînin. Ev taybetmendî dihêle hûn firehiya sînor di yekîneyên cûda de diyar bikin û dikare li aliyên takekesî an hemî aliyên hêmanek were sepandin. Ji bîr mekin ku hûn taybetmendiyên şêwaza sînor û rengê sînor jî diyar bikin da ku sînor diyar bibe.
Pirs û bersivên din ên vê dawiyê di derbarê Di HTML û CSS de pêşve diçin:
Pir pirs û bersivan di Pêşveçûna di HTML û CSS de bibînin
Pirs û bersivên bêtir: